/*
Theme Name: ZARROE Performance
Theme URI: https://zarroe.com/
Author: ZARROE
Description: Lightweight, WooCommerce-first replacement theme built from the approved ZARROE local site.
Version: 0.1.0
Text Domain: zarroe-performance
Requires at least: 6.5
Requires PHP: 8.1
*/

:root { --zr-ink: #111319; --zr-paper: #fffdf9; --zr-accent: #fe4800; --zr-line: #dedbd5; --zr-max: 1440px; }
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--zr-paper); color: var(--zr-ink); font-family: Arial, sans-serif; }
img { max-width: 100%; height: auto; }
a { color: inherit; }
.zr-shell { width: min(100% - 32px, var(--zr-max)); margin-inline: auto; }
.zr-skip { position: fixed; left: 12px; top: -60px; z-index: 99999; padding: 10px 14px; background: var(--zr-ink); color: #fff; }
.zr-skip:focus { top: 12px; }
.zr-site-header { position: relative; z-index: 30; border-bottom: 1px solid var(--zr-line); background: var(--zr-paper); }.zr-announcement { display: flex; min-height: 32px; align-items: center; justify-content: center; gap: 22px; background: #151515; color: #fff; font-size: 9px; font-weight: 800; letter-spacing: .1em; }.zr-topbar { display: flex; min-height: 34px; align-items: center; justify-content: space-between; }.zr-topbar nav { display: flex; gap: 16px; }.zr-topbar a { font-size: 9px; font-weight: 700; letter-spacing: .1em; text-decoration: none; }.zr-brand-row { position: relative; display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: center; min-height: 86px; gap: 24px; }.zr-logo { justify-self: center; font-size: 24px; font-weight: 900; letter-spacing: .14em; text-decoration: none; }.zr-logo .custom-logo-link, .zr-logo a { display: block; }.zr-logo img { display: block; width: 165px; max-height: 54px; object-fit: contain; }.zr-menu > ul { display: flex; flex-wrap: wrap; gap: 22px; margin: 0; padding: 0; list-style: none; }.zr-menu li { position: relative; list-style: none; }.zr-menu a, .zr-actions a { display: block; text-decoration: none; font-size: 11px; font-weight: 800; letter-spacing: .07em; }.zr-menu .sub-menu { position: absolute; top: calc(100% + 22px); left: -18px; display: none; width: max-content; min-width: 230px; max-width: 720px; margin: 0; padding: 18px; border: 1px solid var(--zr-line); background: var(--zr-paper); box-shadow: 0 15px 32px rgba(0,0,0,.1); }.zr-menu li:hover > .sub-menu, .zr-menu li:focus-within > .sub-menu { display: grid; gap: 10px; }.zr-menu .sub-menu .sub-menu { top: 0; left: calc(100% + 18px); }.zr-actions { display: flex; align-items: center; justify-content: end; gap: 15px; }.zr-menu-toggle { display: none; }
.zr-main { min-height: 45vh; }
.zr-main .entry-content { max-width: var(--zr-max); margin-inline: auto; }
.zr-hero { display: grid; min-height: clamp(420px, 65vh, 760px); align-items: end; padding: 64px 0; background-color: #24201f; background-position: center; background-size: cover; color: #fff; }
.zr-hero > div { max-width: 760px; margin-left: max(16px, calc((100vw - var(--zr-max)) / 2)); }
.zr-hero h1, .zr-section h2, .zr-custom h2, .zr-newsletter h2 { margin: 0 0 16px; font-size: clamp(38px, 6vw, 74px); line-height: .94; letter-spacing: -.04em; }
.zr-hero p:not(.zr-eyebrow) { max-width: 600px; font-size: 17px; line-height: 1.6; }
.zr-eyebrow { margin: 0 0 10px; color: var(--zr-accent); font-size: 11px; font-weight: 800; letter-spacing: .14em; }
.zr-button { display: inline-block; padding: 14px 20px; border: 1px solid var(--zr-ink); background: var(--zr-ink); color: #fff; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-decoration: none; }
.zr-button--light { border-color: #fff; background: #fff; color: var(--zr-ink); }
.zr-trust { height: 42.8px; overflow: hidden; background: #3d3d3d; color: #f8f8f8; }
.zr-trust-viewport { display: flex; gap: 49px; width: 100%; height: 42.8px; overflow: hidden; padding: 7px 0; box-sizing: border-box; }
.zr-trust-track { display: flex; flex: 0 0 100%; gap: 49px; width: 100%; height: 100%; }
.zr-trust-group { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-around; gap: 49px; min-width: 100%; white-space: nowrap; animation: zr-trust-marquee 30s linear infinite; }
.zr-trust-item { display: flex; flex: 0 0 auto; align-items: center; gap: 10px; color: #f8f8f8; font-size: 18px; font-weight: 700; line-height: 1.6; text-transform: uppercase; white-space: nowrap; }
.zr-trust-item svg { display: block; flex: 0 0 15px; width: 15px; height: 17px; fill: currentColor; }
.zr-trust:hover .zr-trust-group { animation-play-state: paused; }
@keyframes zr-trust-marquee { to { transform: translate3d(calc(-100% - 49px), 0, 0); } }
.zr-section { padding-top: 76px; }
.zr-section-heading { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 16px; margin-bottom: 28px; }
.zr-section-heading h2 { grid-column: 1; font-size: clamp(30px, 4vw, 50px); }
.zr-section-heading .zr-eyebrow { grid-column: 1; margin-bottom: -8px; }
.zr-section-heading > a { grid-column: 2; grid-row: 1 / span 2; font-size: 11px; font-weight: 800; letter-spacing: .08em; }
.zr-section .products { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 0; padding: 0; }
.zr-section .product { list-style: none; }
.zr-section .product .woocommerce-loop-product__title { margin: 12px 0 4px; font-size: 13px; line-height: 1.35; }
.zr-section .product .button { display: none; }
.zr-category-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 76px; overflow: hidden; background: var(--zr-line); }
.zr-category-grid a { display: grid; min-height: 260px; align-content: end; gap: 8px; padding: 28px; background: #2b2928; color: #fff; text-decoration: none; }
.zr-category-grid strong { font-size: clamp(32px, 4vw, 54px); letter-spacing: -.04em; }.zr-category-grid span { font-size: 11px; font-weight: 700; letter-spacing: .1em; }
.zr-custom { margin-top: 76px; padding: 96px 0; background: #e9e3da; }.zr-custom > div { max-width: 720px; }.zr-custom h2 em { color: var(--zr-accent); font-style: normal; }.zr-custom p:not(.zr-eyebrow) { max-width: 560px; line-height: 1.6; }
.zr-reviews, .zr-posts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }.zr-reviews figure { min-height: 180px; margin: 0; padding: 24px; border: 1px solid var(--zr-line); }.zr-reviews blockquote { margin: 0 0 20px; line-height: 1.6; }.zr-reviews figcaption { font-size: 11px; font-weight: 800; letter-spacing: .06em; }.zr-section details { border-top: 1px solid var(--zr-line); padding: 18px 0; }.zr-section details:last-child { border-bottom: 1px solid var(--zr-line); }.zr-section summary { cursor: pointer; font-weight: 800; }.zr-section details p { max-width: 700px; line-height: 1.6; }.zr-posts article a { text-decoration: none; }.zr-posts h3 { margin: 12px 0 8px; font-size: 18px; }.zr-posts p { line-height: 1.5; }
.zr-newsletter { margin-top: 76px; padding: 48px 0; background: #111319; color: #fff; }.zr-newsletter > div { display: grid; grid-template-columns: 1fr minmax(280px, 460px); align-items: center; gap: 40px; }.zr-newsletter h2 { font-size: clamp(30px, 4vw, 48px); }.zr-newsletter form { display: flex; gap: 8px; }.zr-newsletter input { min-width: 0; flex: 1; border: 1px solid #777; padding: 14px; background: #fff; color: #111; }
.zr-site-footer { margin-top: 64px; background: #121212; color: #fff; font-size: 13px; }.zr-footer-newsletter { padding: 46px 0; border-bottom: 1px solid #4b4b4b; }.zr-footer-newsletter > div { display: grid; grid-template-columns: 1fr minmax(280px,480px); gap: 36px; align-items: center; }.zr-footer-newsletter h2 { margin: 0 0 6px; font-size: clamp(23px,3vw,36px); }.zr-footer-newsletter p { margin: 0; color: #d4d4d4; }.zr-footer-newsletter form { display: flex; gap: 8px; }.zr-footer-newsletter input { width: 100%; border: 1px solid #777; padding: 14px; }.zr-footer-newsletter button { border: 1px solid #fff; padding: 14px 18px; background: #fff; color: #111; font-size: 11px; font-weight: 800; letter-spacing: .08em; }.zr-footer-grid { display: grid; grid-template-columns: 2fr repeat(4, 1fr); gap: 28px; padding: 54px 0; }.zr-footer-grid nav { display: grid; align-content: start; gap: 12px; }.zr-footer-grid h3 { margin: 0 0 4px; font-size: 11px; letter-spacing: .1em; }.zr-footer-grid a { color: #dedede; font-size: 12px; text-decoration: none; }.zr-footer-brand p { max-width: 300px; color: #cacaca; line-height: 1.6; }.zr-footer-brand .zr-logo { justify-self: start; filter: invert(1); }.zr-footer-brand p a { margin-right: 12px; font-size: 10px; font-weight: 800; letter-spacing: .08em; }.zr-footer-bottom { border-top: 1px solid #4b4b4b; }.zr-footer-bottom > div { display: flex; flex-wrap: wrap; gap: 12px 22px; justify-content: space-between; padding: 18px 0; color: #ddd; font-size: 10px; font-weight: 700; letter-spacing: .05em; }.zr-footer-image { background: #fff; line-height: 0; text-align: center; }.zr-footer-image img { width: 100%; max-width: 1440px; height: auto; }
.zr-products .products { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; padding: 0; list-style: none; }
.zr-products .product { list-style: none; }
.zr-products .product a { text-decoration: none; }
.zr-products .price { display: block; margin-top: 8px; font-weight: 700; }
.zr-products .button { display: inline-block; margin-top: 10px; padding: 11px 15px; background: var(--zr-ink); color: #fff; font-size: 11px; font-weight: 700; letter-spacing: .08em; }
@media (max-width: 780px) {
  .zr-shell { width: min(100% - 24px, var(--zr-max)); }
  .zr-announcement { justify-content: flex-start; overflow-x: auto; padding-inline: 12px; white-space: nowrap; }.zr-topbar { display: none; }.zr-brand-row { grid-template-columns: auto 1fr auto; min-height: 68px; gap: 14px; }.zr-menu-toggle { display: inline-block; border: 0; background: transparent; padding: 6px 0; font-size: 10px; font-weight: 800; letter-spacing: .1em; }.zr-menu { position: absolute; top: 100%; left: -12px; right: -12px; display: none; padding: 18px 12px 26px; border-top: 1px solid var(--zr-line); background: var(--zr-paper); }.zr-menu.is-open { display: block; }.zr-menu > ul { display: grid; gap: 16px; }.zr-menu .sub-menu { position: static; display: grid; width: auto; min-width: 0; margin: 10px 0 0 12px; padding: 0; border: 0; box-shadow: none; }.zr-menu .sub-menu .sub-menu { margin-left: 12px; }.zr-logo img { width: 125px; max-height: 44px; }.zr-search { display: none !important; }.zr-actions { gap: 9px; }.zr-actions a { font-size: 9px; }.zr-actions a:last-child { display: none; }
  .zr-products .products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  .zr-hero { min-height: 520px; }.zr-hero > div { margin-left: 12px; margin-right: 12px; }.zr-section { padding-top: 52px; }.zr-section .products, .zr-category-grid, .zr-reviews, .zr-posts, .zr-newsletter > div { grid-template-columns: 1fr; }.zr-category-grid { margin-top: 52px; }.zr-category-grid a { min-height: 180px; }.zr-custom, .zr-newsletter { margin-top: 52px; }.zr-custom { padding: 64px 0; }.zr-newsletter form { flex-wrap: wrap; }.zr-newsletter form input { min-height: 48px; flex-basis: 100%; }
  .zr-footer-newsletter > div, .zr-footer-grid { grid-template-columns: 1fr; }.zr-footer-newsletter form { flex-wrap: wrap; }.zr-footer-newsletter input { flex-basis: 100%; }.zr-footer-grid { padding: 40px 0; }.zr-footer-bottom > div { justify-content: flex-start; }
}

/* Reference-header rebuild: native replacement for the Woodmart header. */
.zr-reference-header{position:relative;z-index:50;background:#fff;color:#111;font-family:Arial,sans-serif}.zr-promo{height:25px;display:grid;place-items:center;border-bottom:1px solid #111;font-size:12px;letter-spacing:.02em}.zr-promo span[hidden]{display:none}.zr-desktop-head{height:56px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 30px;border-bottom:1px solid #111}.zr-desktop-head nav{display:flex;gap:23px}.zr-desktop-head nav:last-child{justify-content:flex-end}.zr-desktop-head a,.zr-desktop-nav>a,.zr-mega-item>a{font-size:10px;font-weight:700;text-decoration:none;letter-spacing:.08em}.zr-head-logo img,.zr-mobile-logo img{display:block;width:170px;height:38px;object-fit:contain}.zr-nav-row{min-height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid #111}.zr-desktop-nav{display:flex;align-self:stretch;align-items:center;gap:27px}.zr-desktop-nav>a,.zr-mega-item>a{height:100%;display:flex;align-items:center;gap:7px}.zr-mega-item{height:100%;display:flex;align-items:center}.zr-mega-panel{display:none;position:absolute;left:0;right:0;top:100%;grid-template-columns:1fr 1fr 230px 230px;gap:28px;padding:32px max(32px,calc((100vw - 1350px)/2));background:#fff;border-top:1px solid #111;box-shadow:0 18px 30px #0002}.zr-mega-item:hover .zr-mega-panel,.zr-mega-item:focus-within .zr-mega-panel{display:grid}.zr-mega-panel>div{display:grid;align-content:start;gap:12px}.zr-mega-panel b{font-size:12px;letter-spacing:.08em;margin-bottom:5px}.zr-mega-panel a:not(.zr-mega-card){font-size:13px;text-decoration:none}.zr-mega-card{display:grid;min-height:210px;align-content:end;gap:7px;padding:20px;background:#222;color:#fff;text-decoration:none;background-size:cover;background-position:center}.zr-mega-card img{position:absolute;inset:auto;z-index:0;width:230px;height:210px;object-fit:cover;filter:brightness(.55)}.zr-mega-card strong,.zr-mega-card small{position:relative;z-index:1}.zr-mega-card strong{font-size:22px}.zr-mega-card small{font-size:10px;letter-spacing:.1em}.zr-utility{display:flex;gap:16px;align-items:center}.zr-utility a{position:relative;font-size:23px;text-decoration:none}.zr-utility em{position:absolute;top:-6px;right:-8px;background:#f4511e;color:#fff;border-radius:20px;padding:1px 4px;font-size:9px;font-style:normal}.zr-menu-toggle,.zr-mobile-logo{display:none}.zr-mobile-drawer,.zr-drawer-shade{display:none}
.zr-promo span { grid-area: 1 / 1; }
.zr-promo .is-entering { animation: zr-push-in .6s ease both; }
.zr-promo .is-leaving { animation: zr-push-out .6s ease both; }
@keyframes zr-push-in {
  from { opacity: 0; transform: translateX(-100%); }
  60% { opacity: 1; transform: translateX(10%); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes zr-push-out {
  from { opacity: 1; transform: translateX(0); }
  60% { opacity: 0; transform: translateX(110%); }
  to { opacity: 0; transform: translateX(100%); }
}
@media (prefers-reduced-motion: reduce) {
  .zr-promo span { animation: none; }
  .zr-promo .is-leaving { visibility: hidden; }
}
@media(max-width:1024px){.zr-desktop-head,.zr-desktop-nav{display:none}.zr-promo{height:25px}.zr-nav-row{min-height:61px;padding:0 16px}.zr-menu-toggle{display:flex;align-items:center;gap:7px;border:0;background:transparent;font-size:20px}.zr-menu-toggle b{font-size:16px}.zr-mobile-logo{display:block}.zr-mobile-logo img{width:145px;height:35px}.zr-utility{gap:13px}.zr-utility a:first-child{display:none}.zr-mobile-drawer{display:block;position:fixed;top:0;bottom:0;left:0;z-index:100;width:min(520px,54vw);padding:30px 25px;background:#fff;transform:translateX(-105%);transition:.25s}.zr-mobile-drawer.is-open{transform:translateX(0)}.zr-drawer-shade.is-open{display:block;position:fixed;inset:0;z-index:90;background:#000a}.zr-mobile-drawer form{display:flex;margin-bottom:35px;border:1px solid #bbb}.zr-mobile-drawer input{width:100%;padding:18px;border:0;font-size:16px}.zr-mobile-drawer button{border:0;background:#fff;font-size:25px}.zr-mobile-drawer>a{display:block;padding:14px 12px;border-bottom:1px solid #bbb;font-size:29px;font-weight:800;text-decoration:none}.zr-mobile-list{list-style:none;margin:0;padding:0}.zr-mobile-list li{border-bottom:1px solid #ddd}.zr-mobile-list a{display:block;padding:18px 12px;font-size:27px;font-weight:800;text-decoration:none}.zr-mobile-list .sub-menu{display:none;list-style:none;padding:0 0 0 20px}.zr-mobile-list li:hover>.sub-menu{display:block}.zr-mobile-drawer nav+a{font-size:25px}@media(max-width:600px){.zr-mobile-drawer{width:100%;padding:28px 25px}.zr-mobile-list a{font-size:23px}.zr-mobile-drawer>a{font-size:26px}}}

/* Footer-first match to the live ZARROE reference. */
.zr-site-footer{margin-top:0;background:#fff;color:#111;font-family:Arial,sans-serif;font-size:15px}.zr-footer-newsletter{padding:34px 0;border-bottom:1px solid #d8d8d8}.zr-footer-newsletter>div{grid-template-columns:1fr minmax(300px,460px);gap:42px}.zr-footer-newsletter h2{font-size:28px;letter-spacing:.01em}.zr-footer-newsletter p{color:#333;font-size:15px}.zr-footer-newsletter form{align-items:center}.zr-footer-newsletter input{min-height:52px;border:1px solid #aaa;border-radius:2px;padding:14px 16px;background:#fff;color:#111;font-size:16px}.zr-footer-newsletter button{min-height:52px;border:1px solid #111;background:#111;color:#fff;padding:14px 23px;font-size:12px}.zr-footer-grid{grid-template-columns:1.6fr repeat(5,minmax(100px,1fr));gap:26px;padding:46px 0 38px}.zr-footer-brand .zr-logo{filter:none;justify-self:start}.zr-footer-brand p{color:#111;font-size:14px;line-height:1.55}.zr-footer-grid nav{gap:13px}.zr-footer-grid h3{color:#111;font-size:15px;font-weight:700;letter-spacing:.01em;text-transform:none}.zr-footer-grid a{color:#222;font-size:14px;line-height:1.4}.zr-footer-brand p a{font-size:13px}.zr-footer-bottom{border-top:1px solid #d5d5d5}.zr-footer-bottom>.zr-shell{display:flex;justify-content:center;gap:22px;min-height:76px;padding:20px 0;color:#111;font-size:14px;font-weight:600;letter-spacing:0}.zr-footer-image{background:#fff}.zr-footer-image img{display:block;max-width:100%;width:auto;margin:0 auto}.zr-site-footer .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.zr-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.zr-footer-brand{grid-column:1/-1}.zr-footer-newsletter>div{grid-template-columns:1fr;gap:18px}.zr-footer-bottom>.zr-shell{justify-content:flex-start;gap:12px}.zr-footer-image img{width:100%}}
@media(max-width:600px){.zr-footer-newsletter{padding:28px 0}.zr-footer-newsletter h2{font-size:23px}.zr-footer-grid{padding:30px 0;grid-template-columns:1fr 1fr}.zr-footer-bottom>.zr-shell{flex-direction:column;align-items:flex-start;padding:18px 0}.zr-footer-image img{width:100%;height:auto}}

/* Match the live reference footer: pale newsletter card, white columns, icon benefits. */
.zr-site-footer,
body .zr-site-footer{margin:0!important;padding:16px 0 0!important;background:#fff!important;color:#111!important;font-family:Inter,Arial,Helvetica,sans-serif!important;font-size:15px!important}
.zr-site-footer .zr-footer-newsletter{margin:0 auto!important;padding:0!important;border:0!important;background:transparent!important;color:#111!important}
.zr-site-footer .zr-footer-newsletter>.zr-shell{width:min(100% - 32px,1376px)!important;min-height:184px;grid-template-columns:1fr minmax(400px,575px)!important;gap:40px!important;align-items:center!important;margin:0 auto!important;padding:38px 30px!important;border-radius:20px;background:#f5f5f5!important}
.zr-site-footer .zr-footer-newsletter h2{margin:0 0 14px!important;color:#111!important;font-size:38px!important;line-height:1.15!important;letter-spacing:0!important}
.zr-site-footer .zr-footer-newsletter p{margin:0!important;color:#111!important;font-size:17px!important;line-height:1.45!important}
.zr-site-footer .zr-footer-newsletter form{display:flex!important;flex-wrap:nowrap!important;gap:0!important;margin:0!important}
.zr-site-footer .zr-footer-newsletter input{min-width:0;min-height:60px!important;flex:1 1 auto!important;padding:0 20px!important;border:1px solid #777!important;border-radius:9px 0 0 9px!important;background:#fff!important;color:#111!important;font-size:16px!important}
.zr-site-footer .zr-footer-newsletter button{min-height:60px!important;padding:0 34px!important;border:1px solid #000!important;border-radius:0 9px 9px 0!important;background:#000!important;color:#fff!important;font-size:15px!important;font-weight:700!important;text-transform:capitalize!important}
.zr-site-footer .zr-footer-grid{width:min(100% - 48px,1364px)!important;grid-template-columns:minmax(290px,1.8fr) repeat(5,minmax(120px,1fr))!important;gap:28px!important;margin:0 auto!important;padding:72px 0 66px!important}
.zr-site-footer .zr-footer-brand .zr-logo{justify-self:start!important;filter:none!important}
.zr-site-footer .zr-footer-brand .zr-logo img{width:250px!important;max-height:none!important}
.zr-site-footer .zr-footer-brand p{max-width:300px!important;margin:20px 0 0!important;color:#777!important;font-size:14px!important;line-height:1.55!important}
.zr-site-footer .zr-footer-brand p a{color:#777!important;font-size:14px!important;font-weight:400!important;letter-spacing:0!important}
.zr-site-footer .zr-footer-grid nav{display:grid!important;align-content:start!important;gap:12px!important}
.zr-site-footer .zr-footer-grid h3{margin:0 0 12px!important;color:#111!important;font-size:23px!important;font-weight:750!important;letter-spacing:0!important;text-transform:capitalize!important}
.zr-site-footer .zr-footer-grid nav a{color:#555!important;font-size:15px!important;line-height:1.4!important}
.zr-site-footer .zr-footer-benefits{border-top:1px solid #ddd!important;border-bottom:1px solid #ddd!important;background:#fff!important}
.zr-site-footer .zr-footer-benefits>.zr-shell{display:flex!important;min-height:124px!important;align-items:center!important;justify-content:space-between!important;gap:22px!important;padding:20px 0!important}
.zr-site-footer .zr-footer-benefits span{display:flex!important;align-items:center!important;gap:10px!important;color:#111!important;font-size:16px!important;font-weight:650!important;white-space:nowrap!important}
.zr-site-footer .zr-footer-benefits svg{width:22px!important;height:22px!important;flex:0 0 22px!important;fill:none!important;stroke:#111!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.zr-site-footer .zr-footer-bottom{border:0!important;background:#fff!important}
.zr-site-footer .zr-footer-bottom>.zr-shell{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;align-items:center!important;justify-content:stretch!important;gap:20px!important;min-height:82px!important;padding:20px 0!important;color:#111!important;font-size:15px!important;font-weight:500!important;letter-spacing:0!important}
.zr-site-footer .zr-footer-bottom>.zr-shell>span:nth-child(2){text-align:center!important}
.zr-site-footer .zr-payment-types{display:flex!important;justify-content:flex-end!important;gap:8px!important}
.zr-site-footer .zr-payment-types b{display:inline-grid!important;min-width:42px!important;height:25px!important;place-items:center!important;border-radius:3px!important;background:#111!important;color:#fff!important;font-size:9px!important;font-weight:700!important;line-height:1!important}
@media(max-width:900px){
 .zr-site-footer .zr-footer-newsletter>.zr-shell{width:calc(100% - 32px)!important;grid-template-columns:1fr!important;gap:22px!important;padding:30px 24px!important}
 .zr-site-footer .zr-footer-newsletter h2{font-size:30px!important}
 .zr-site-footer .zr-footer-grid{width:calc(100% - 40px)!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:34px 24px!important;padding:44px 0!important}
 .zr-site-footer .zr-footer-brand{grid-column:1/-1!important}
 .zr-site-footer .zr-footer-benefits>.zr-shell{justify-content:flex-start!important;overflow-x:auto!important}
 .zr-site-footer .zr-footer-bottom>.zr-shell{grid-template-columns:1fr!important;justify-items:start!important;gap:12px!important}
 .zr-site-footer .zr-footer-bottom>.zr-shell>span:nth-child(2){text-align:left!important}
 .zr-site-footer .zr-payment-types{justify-content:flex-start!important}
}
@media(max-width:600px){
 .zr-site-footer{padding-top:10px!important}
 .zr-site-footer .zr-footer-newsletter>.zr-shell{padding:26px 20px!important;border-radius:14px!important}
 .zr-site-footer .zr-footer-newsletter h2{font-size:24px!important}
 .zr-site-footer .zr-footer-newsletter p{font-size:14px!important}
 .zr-site-footer .zr-footer-newsletter form{flex-wrap:wrap!important;gap:8px!important}
 .zr-site-footer .zr-footer-newsletter input{flex-basis:100%!important;border-radius:6px!important}
 .zr-site-footer .zr-footer-newsletter button{width:100%!important;border-radius:6px!important}
 .zr-site-footer .zr-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .zr-site-footer .zr-footer-grid h3{font-size:17px!important}
 .zr-site-footer .zr-footer-grid nav a,.zr-site-footer .zr-footer-brand p{font-size:13px!important}
 .zr-site-footer .zr-footer-brand .zr-logo img{width:210px!important}
 .zr-site-footer .zr-footer-benefits>.zr-shell{min-height:88px!important}
 .zr-site-footer .zr-footer-benefits span{font-size:14px!important}
}

/* Local copies of the reference site's Inter and icon fonts keep this theme plugin-independent. */
/* Fonts come in two files each: a small one holding the characters the site uses (loaded on every page) and the full original, which a browser fetches only if a page shows a character the small file does not hold. The small files are made by subset_fonts.py from the originals; the character lists below must match the files. */
@font-face{font-family:Inter;src:url('assets/fonts/Inter-Variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+180-1C3,U+1C5-31E,U+321-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3E1,U+3F0-49D,U+4A0-4FF,U+52F,U+E3F,U+1D43,U+1D47-1D49,U+1D4D,U+1D4F-1D50,U+1D52,U+1D56-1D58,U+1D5B,U+1D62-1D65,U+1D9C,U+1DA0,U+1DBB,U+1DBF-1DF5,U+1DFC-1F15,U+1F18-1F1D,U+1F20-1F45,U+1F48-1F4D,U+1F50-1F57,U+1F59,U+1F5B,U+1F5D,U+1F5F-1F7D,U+1F80-1FB4,U+1FB6-1FC4,U+1FC6-1FD3,U+1FD6-1FDB,U+1FDD-1FEF,U+1FF2-1FF4,U+1FF6-1FFE,U+20DB-20DE,U+20E8,U+20F0,U+2303,U+2305,U+2318,U+2325-2327,U+232B,U+2380,U+2387,U+238B,U+23CE-23CF,U+2423,U+2460-2468,U+24B6-24CF,U+24EA,U+27EF,U+27F5-27FA,U+2B06,U+2B12-2B13,U+2B1C,U+2C7C,U+2C7F,U+2DFF,U+2E18,U+A69F,U+A7FF,U+A92E,U+E000,U+E002-E080,U+E093-E096,U+E0A5-E0E6,U+E0F3-E11C,U+E11E-E164,U+EE01-EE05,U+F6C3,U+FE20-FE2D,U+FEFF,U+1F12F-1F149,U+1F16A-1F16B,U+1F850,U+1F852}
@font-face{font-family:Inter;src:url('assets/fonts/Inter-Variable-subset.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+20-7E,U+A0-148,U+14A-17F,U+2000-200B,U+2010-2027,U+202F-205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20A0-20BF,U+2100-2101,U+2103,U+2105-2106,U+2109,U+2113,U+2116-2117,U+211E-2123,U+2126,U+212A-212B,U+212E,U+2132,U+213B,U+214D,U+214F,U+2153,U+215A-2188,U+2190-2199,U+21A9-21AA,U+21B0-21B1,U+21B3-21B5,U+21BA-21BB,U+21D0,U+21D2,U+21D4,U+21DE-21DF,U+21E4-21E5,U+21E7,U+21EA,U+2202,U+2205-2206,U+220F,U+2211-2212,U+221A,U+221E,U+222B,U+2248,U+2260,U+2264-2265,U+25A0-25A2,U+25AA,U+25B2-25B3,U+25B6-25B7,U+25BA-25BD,U+25C0-25C1,U+25C4-25C7,U+25CA-25CB,U+25CF,U+25E6,U+25EF,U+2600,U+2605-2606,U+263C,U+2661,U+2665,U+26A0,U+2713,U+2717,U+2756,U+2764,U+2780-2788}
@font-face{font-family:'Happy Icons';src:url('assets/fonts/happy-icons.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0-1,U+E900-EA97,U+EA99-EB36,U+EB38-EBB0}
@font-face{font-family:'Happy Icons';src:url('assets/fonts/happy-icons-subset.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap;unicode-range:U+20,U+EA98,U+EB37}
@font-face{font-family:'Huge Icons';src:url('assets/fonts/huge-icons.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0-1,U+E900-E918,U+E91A-E9ED,U+E9EF-E9F2,U+E9F4-EF8A,U+EF8C-F608,U+F60A-F829}
@font-face{font-family:'Huge Icons';src:url('assets/fonts/huge-icons-subset.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap;unicode-range:U+20,U+E919,U+E9EE,U+E9F3,U+EF8B,U+F609}
.hm{font-family:'Happy Icons'!important;font-style:normal;font-weight:400!important;line-height:1;-webkit-font-smoothing:antialiased}
.hm-global-badge:before{content:'\eb37'}
.huge{font-family:'Huge Icons'!important;font-style:normal;font-weight:400!important;line-height:1;-webkit-font-smoothing:antialiased}
.huge-resize-01:before{content:'\ef8b'}
.huge-diamond-02:before{content:'\f609'}
body{font-family:Inter,Arial,Helvetica,sans-serif}
.zr-reference-header{font-family:Inter,Arial,Helvetica,sans-serif}
.zr-site-footer,.zr-site-footer *{font-family:Inter,Arial,Helvetica,sans-serif}
.zr-site-footer .hm,.zr-site-footer .huge{font-family:'Happy Icons'!important}
.zr-site-footer .huge{font-family:'Huge Icons'!important}
.zr-site-footer .zr-footer-newsletter h2{font-size:38px!important;font-weight:800!important;letter-spacing:0!important;text-transform:none!important}
.zr-site-footer .zr-footer-newsletter button{text-transform:none!important;font-family:Inter,Arial,Helvetica,sans-serif!important}
.zr-site-footer .zr-footer-grid h3{font-size:24px!important;font-weight:800!important;text-transform:none!important}
.zr-site-footer .zr-footer-brand p{margin-top:18px!important;color:#767676!important;font-family:Inter,Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:500!important;line-height:1.55!important}
.zr-site-footer .zr-footer-brand p+p{margin-top:8px!important}
.zr-site-footer .zr-footer-brand p a{color:#767676!important;font-size:14px!important;font-weight:500!important}
.zr-site-footer .zr-footer-social{display:flex;gap:6px;margin-top:10px}
.zr-site-footer .zr-footer-social a{display:grid;width:34px;height:34px;place-items:center;border-radius:3px;background:#111;color:#fff}
.zr-site-footer .zr-footer-social svg{display:block;width:17px;height:17px;fill:currentColor}
.zr-site-footer .zr-footer-benefits span{font-family:Inter,Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:600!important}
.zr-site-footer .zr-footer-benefits svg,.zr-site-footer .zr-footer-benefits i{width:20px!important;height:20px!important;flex:0 0 20px!important;color:#111!important;fill:#111!important;font-size:19px!important;line-height:1!important}
.zr-site-footer .zr-footer-benefits svg{fill:#111!important;stroke:none!important}
.zr-site-footer .zr-footer-bottom>.zr-shell{font-family:Inter,Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:500!important}
.zr-site-footer .zr-payment-types{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important}
.zr-site-footer .zr-payment-types b{display:inline-grid!important;min-width:34px!important;height:22px!important;place-items:center!important;border-radius:3px!important;background:#111!important;color:#fff!important;font-size:8px!important;font-weight:700!important;line-height:1!important}
.zr-site-footer .zr-payment-types .zr-payment-visa{font-style:italic!important;font-size:10px!important}
.zr-site-footer .zr-payment-types .zr-payment-paypal{font-size:8px!important;font-style:italic!important}
.zr-site-footer .zr-payment-types .zr-payment-apple{font-size:8px!important}
.zr-site-footer .zr-payment-types .zr-payment-mastercard{position:relative;display:block!important;min-width:34px!important}
.zr-site-footer .zr-payment-mastercard i{position:absolute;top:5px;width:12px;height:12px;border-radius:50%;background:#fff;opacity:.94}
.zr-site-footer .zr-payment-mastercard i:first-child{left:6px}
.zr-site-footer .zr-payment-mastercard i:last-child{left:15px;mix-blend-mode:difference}
@media(max-width:600px){.zr-site-footer .zr-footer-newsletter h2{font-size:24px!important}.zr-site-footer .zr-footer-grid h3{font-size:17px!important}}
.zr-site-footer .zr-footer-newsletter h2{text-transform:uppercase!important}
.zr-site-footer .zr-footer-benefits>.zr-shell{width:min(calc(100% - 32px),1225px)!important;margin-inline:auto!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important;justify-content:stretch!important}
.zr-site-footer .zr-footer-benefits span{min-width:0!important;justify-content:center!important;gap:8px!important}
.zr-site-footer .zr-footer-grid nav a{font-family:Inter,Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:500!important}
.zr-site-footer .zr-footer-benefits span{font-family:Inter,Arial,Helvetica,sans-serif!important;font-size:16px!important;font-weight:600!important}
@media(max-width:900px){.zr-site-footer .zr-footer-benefits>.zr-shell{display:flex!important;justify-content:flex-start!important;gap:0!important;overflow-x:auto!important}.zr-site-footer .zr-footer-benefits span{flex:0 0 210px!important;justify-content:flex-start!important}}
footer.zr-site-footer .zr-footer-grid nav a{font-family:Inter,Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:500!important}
footer.zr-site-footer .zr-footer-benefits .zr-shell span{font-family:Inter,Arial,Helvetica,sans-serif!important;font-size:16px!important;font-weight:600!important}
footer.zr-site-footer .zr-footer-grid nav a:hover,footer.zr-site-footer .zr-footer-brand a:hover{color:#f4511e!important}

/* Keep every footer navigation link uniform and use the brand orange on hover. */
html body footer.zr-site-footer .zr-footer-grid nav a{font-family:Inter,Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:500!important}
html body footer.zr-site-footer .zr-footer-grid nav a:hover{color:#f4511e!important}
body.home.wp-singular footer.zr-site-footer .zr-footer-grid nav a{font-family:Inter,Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:500!important}
body.home.wp-singular footer.zr-site-footer .zr-footer-grid nav a:hover{color:#f4511e!important}
body.home.wp-singular footer.zr-site-footer .zr-footer-brand p a[href^="mailto:"],body.home.wp-singular footer.zr-site-footer .zr-footer-brand p a[href^="tel:"]{color:#111!important;transition:color .2s ease!important}
body.home.wp-singular footer.zr-site-footer .zr-footer-brand p a[href^="mailto:"]:hover,body.home.wp-singular footer.zr-site-footer .zr-footer-brand p a[href^="tel:"]:hover{color:#f4511e!important}
body.home.wp-singular footer.zr-site-footer .zr-footer-social a{background:#111!important;color:#fff!important;transition:background-color .2s ease!important}
body.home.wp-singular footer.zr-site-footer .zr-footer-social a:hover{background:#f4511e!important;color:#fff!important}
body.home.wp-singular footer.zr-site-footer .zr-footer-social a:hover svg{fill:#fff!important}
body.home.wp-singular footer.zr-site-footer .zr-footer-newsletter button:hover{border-color:#f4511e!important;background:#f4511e!important;color:#fff!important}

/* Mobile footer follows the approved accordion and compact two-column benefit layout. */
.zr-footer-nav-mobile{display:none!important}
@media(max-width:900px){
 .zr-site-footer .zr-footer-grid{display:grid!important;grid-template-columns:1fr!important;gap:0!important;width:calc(100% - 48px)!important;padding:34px 0 24px!important}
 .zr-site-footer .zr-footer-grid>nav{display:none!important}
 .zr-site-footer .zr-footer-nav-mobile{display:block!important;grid-column:1/-1!important;width:100%!important;margin-top:20px!important;border-top:1px solid #ddd!important}
 .zr-site-footer .zr-footer-brand{grid-column:1/-1!important}
 .zr-site-footer .zr-footer-brand>p,.zr-site-footer .zr-footer-brand .zr-footer-social{display:none!important}
 .zr-site-footer .zr-footer-brand .zr-logo img{width:240px!important;max-width:100%!important}
 .zr-site-footer .zr-footer-brand .zr-logo:after{content:'Premium motorcycle jackets, fashion garments, racing gears, handcrafted leather apparel designed for riders who value luxury and protection.';display:block!important;max-width:340px!important;margin-top:16px!important;color:#767676!important;font-family:Inter,Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:400!important;line-height:1.55!important;letter-spacing:0!important}
 .zr-site-footer .zr-footer-accordion{border-bottom:1px solid #ddd!important}
 .zr-site-footer .zr-footer-accordion summary{display:flex!important;min-height:52px!important;align-items:center!important;justify-content:space-between!important;cursor:pointer!important;list-style:none!important;color:#111!important;font-family:Inter,Arial,Helvetica,sans-serif!important;font-size:16px!important;font-weight:700!important}
 .zr-site-footer .zr-footer-accordion summary::-webkit-details-marker{display:none!important}
 .zr-site-footer .zr-footer-accordion summary:after{content:'+';font-size:22px!important;font-weight:500!important;line-height:1!important}
 .zr-site-footer .zr-footer-accordion[open] summary:after{content:'−'}
 .zr-site-footer .zr-footer-accordion>div{display:grid!important;gap:14px!important;padding:2px 10px 18px!important}
 .zr-site-footer .zr-footer-accordion a{color:#555!important;font-family:Inter,Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:500!important;text-decoration:none!important}
 .zr-site-footer .zr-footer-accordion a:hover{color:#f4511e!important}
 .zr-site-footer .zr-footer-benefits>.zr-shell{display:grid!important;width:calc(100% - 50px)!important;min-height:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;overflow:visible!important;padding:10px 0!important}
 footer.zr-site-footer .zr-footer-benefits>.zr-shell span{min-width:0!important;min-height:35px!important;justify-content:flex-start!important;gap:6px!important;padding:6px 8px!important;border-radius:8px!important;background:#e5e5e5!important;font-family:Inter,Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:500!important;white-space:nowrap!important}
 .zr-site-footer .zr-footer-benefits svg,.zr-site-footer .zr-footer-benefits i{width:14px!important;height:14px!important;flex:0 0 14px!important;font-size:14px!important}
 .zr-site-footer .zr-footer-bottom>.zr-shell{display:grid!important;grid-template-columns:1fr!important;justify-items:center!important;gap:10px!important;width:calc(100% - 40px)!important;min-height:0!important;padding:16px 0 22px!important;text-align:center!important}
 .zr-site-footer .zr-footer-bottom>.zr-shell>span:nth-child(2),.zr-site-footer .zr-footer-bottom .zr-payment-types{display:none!important}
 .zr-site-footer .zr-footer-bottom>.zr-shell:after{content:'Visa • Mastercard • PayPal • Apple Pay';display:block!important;order:1!important;color:#111!important;font-family:Inter,Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:500!important}
 .zr-site-footer .zr-footer-bottom>.zr-shell>span:first-child{order:2!important;font-size:14px!important;font-weight:500!important}
}

/* Mobile layout matched to the approved ZARROE storefront. */
.zr-mobile-product-tabs{display:none}
@media(max-width:767px){
 html,body{overflow-x:hidden!important}
 .zr-main,.zr-home{max-width:100vw!important;overflow-x:hidden!important}
 .zr-reference-header .zr-nav-row{height:40px!important;min-height:40px!important;padding:0 16px!important}
 .zr-reference-header .zr-menu-toggle{gap:0!important;padding:0!important;font-size:22px!important;line-height:1!important}
 .zr-reference-header .zr-menu-toggle b{display:none!important}
 .zr-reference-header .zr-mobile-logo img{width:140px!important;height:32px!important}
 .zr-reference-header .zr-utility{gap:0!important}
 .zr-reference-header .zr-utility a[aria-label="Login"]{display:none!important}
 .zr-reference-header .zr-utility a[aria-label="Cart"] svg{display:block!important;width:23px!important;height:23px!important;fill:none!important;stroke:#111!important;stroke-width:1.5!important;stroke-linecap:round!important;stroke-linejoin:round!important}
 /* Phones get the centre part of the same banner picture (assets/zarooe-custom-vest-phone-2.webp, 1400 x 1140, same pixels, no scaling): that is all a phone can show of it, and the file is a third smaller. */
 .zr-hero{height:420px!important;min-height:420px!important;max-height:420px!important;align-items:center!important;padding:0!important;background-image:linear-gradient(90deg,rgba(0,0,0,.48),rgba(0,0,0,.16)),url("assets/zarooe-custom-vest-phone-2.webp")!important;background-position:center 44%!important;background-size:cover!important}
 .zr-hero>div{width:calc(100% - 60px)!important;max-width:none!important;margin:0 auto!important}
 .zr-hero .zr-eyebrow,.zr-hero .zr-button{display:none!important}
 .zr-hero h1{margin:0 0 16px!important;font-family:Inter,Arial,Helvetica,sans-serif!important;font-size:30px!important;font-weight:700!important;line-height:1.2!important;letter-spacing:0!important}
 .zr-hero p:not(.zr-eyebrow){max-width:300px!important;margin:0!important;font-family:Inter,Arial,Helvetica,sans-serif!important;font-size:16px!important;line-height:1.6!important}
 .zr-mobile-product-tabs::-webkit-scrollbar{display:none!important}
 .zr-mobile-product-tabs{display:flex!important;gap:28px!important;overflow-x:auto!important;align-items:center!important;width:100vw!important;margin:0 0 20px calc((100vw - 100%)/-2)!important;padding:0 24px!important;border-bottom:1px solid #ddd!important;white-space:nowrap!important;scrollbar-width:none!important}
 .zr-mobile-product-tabs a{display:block!important;flex:0 0 auto!important;padding:13px 0 10px!important;border-bottom:2px solid transparent!important;color:#555!important;font-family:Inter,Arial,Helvetica,sans-serif!important;font-size:16px!important;font-weight:700!important;line-height:1.25!important;text-decoration:none!important}
 .zr-mobile-product-tabs a.is-active{border-color:#f4511e!important;color:#111!important}
 .zr-home>.zr-section:nth-of-type(3){padding-top:52px!important;overflow:hidden!important}
 .zr-home>.zr-section:nth-of-type(3) .zr-section-heading{display:block!important;margin:0 0 10px!important;text-align:center!important}
 .zr-home>.zr-section:nth-of-type(3) .zr-section-heading>.zr-eyebrow{margin:0!important;color:#111!important;font-family:Inter,Arial,Helvetica,sans-serif!important;font-size:30px!important;font-weight:700!important;letter-spacing:0!important;line-height:1.2!important}
 .zr-home>.zr-section:nth-of-type(3) .zr-section-heading h2,.zr-home>.zr-section:nth-of-type(3) .zr-section-heading>a{display:none!important}
 .zr-home>.zr-section:nth-of-type(3) .products{display:flex!important;gap:14px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;width:100vw!important;margin:0 0 0 calc((100vw - 100%)/-2)!important;padding:0 calc((100vw - min(84vw,353px))/2)!important}
 .zr-home>.zr-section:nth-of-type(3) .products>.product{flex:0 0 min(84vw,353px)!important;width:min(84vw,353px)!important;scroll-snap-align:center!important}
 .zr-home>.zr-section:nth-of-type(3) .products::-webkit-scrollbar{display:none!important}
 .zr-category-grid{grid-template-columns:1fr!important;margin-top:28px!important;gap:12px!important}
 .zr-category-grid a{min-height:180px!important}
 .zr-site-footer .zr-footer-newsletter>.zr-shell{width:calc(100% - 20px)!important;padding:26px 10px!important}
 .zr-site-footer .zr-footer-newsletter>div{gap:18px!important}
 .zr-site-footer .zr-footer-newsletter h2{margin:0 0 8px!important;font-size:20px!important;font-weight:800!important;line-height:20px!important;letter-spacing:0!important}
 .zr-site-footer .zr-footer-newsletter p{font-size:14px!important;font-weight:500!important;line-height:22.4px!important}
 .zr-site-footer .zr-footer-newsletter form{display:grid!important;grid-template-columns:1fr!important;gap:20px!important;width:calc(100% + 20px)!important;margin:0 0 30px -10px!important;padding:0!important}
 .zr-site-footer .zr-footer-newsletter input,.zr-site-footer .zr-footer-newsletter button{width:100%!important;min-height:60px!important;height:60px!important;border-radius:8px!important;font-size:18px!important}
 .zr-site-footer .zr-footer-newsletter button{font-weight:700!important}
 .zr-site-footer .zr-footer-grid{width:calc(100% - 50px)!important;padding:34px 0 24px!important}
 .zr-site-footer .zr-footer-brand .zr-logo img{width:250px!important}
 .zr-site-footer .zr-footer-accordion{margin-bottom:6px!important}
 .zr-site-footer .zr-footer-accordion summary{min-height:46px!important;font-size:14px!important;font-weight:500!important;line-height:1.4!important}
 .zr-site-footer .zr-footer-accordion>div{gap:0!important;padding:2px 10px 15px!important}
 .zr-site-footer .zr-footer-accordion a{font-size:16px!important;font-weight:500!important;line-height:32px!important}
}

/* Match the approved mobile footer's block heights and two-card product view. */
@media(max-width:767px){
 .zr-home>.zr-section:nth-of-type(3) .products{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 0!important;width:100%!important;margin:0!important;padding:0!important;overflow:visible!important;scroll-snap-type:none!important}
 .zr-home>.zr-section:nth-of-type(3) .products>.product{width:auto!important;min-width:0!important;flex:none!important;padding:0 9px!important;scroll-snap-align:none!important}
 .zr-home>.zr-section:nth-of-type(3) .products>.product img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1/1!important;object-fit:cover!important}
 body .zr-site-footer{padding-top:0!important}
 .zr-site-footer .zr-footer-newsletter>.zr-shell{padding:10px 10px 29px!important}
 .zr-site-footer .zr-footer-newsletter>div{gap:22px!important}
 .zr-site-footer .zr-footer-newsletter form{gap:16px!important;margin:0 0 0 -10px!important}
 .zr-site-footer .zr-footer-grid{padding-bottom:28px!important}
 .zr-site-footer .zr-footer-benefits>.zr-shell{padding:8.5px 0!important}
 .zr-site-footer .zr-footer-bottom>.zr-shell{padding-bottom:30px!important}
}

/* Mobile footer accordion and clean newsletter/benefit sections. */
@media(max-width:767px){
 .zr-site-footer .zr-footer-accordion summary{font-weight:700!important}
 .zr-site-footer .zr-footer-newsletter>.zr-shell{background:transparent!important;border-radius:0!important;box-shadow:none!important}
 .zr-site-footer .zr-footer-benefits{border-top:0!important;border-bottom:0!important}
}

@font-face{font-family:'zr-woodmart-icons';src:url('assets/fonts/woodmart-font.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}

/* Keep the approved hero banner visible at tablet widths as well as phone and desktop. */
@media(min-width:768px) and (max-width:1024px){
 .zr-hero{height:96vh!important;min-height:620px!important;max-height:none!important;align-items:center!important;padding:0!important;background-color:#24201f!important;background-image:url("assets/zarooe-custom-vest-scaled.webp")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:cover!important}
 .zr-hero>div{width:min(600px,calc(100% - 100px))!important;max-width:600px!important;margin:0 0 0 5.5%!important;transform:translateY(-5px)!important}
 .zr-hero .zr-eyebrow,.zr-hero .zr-button{display:none!important}
 .zr-hero h1{width:100%!important;max-width:100%!important;margin:0 0 20px!important;font-family:Inter,Arial,Helvetica,sans-serif!important;font-size:90px!important;font-weight:800!important;line-height:90px!important;letter-spacing:normal!important}
 .zr-hero p:not(.zr-eyebrow){max-width:600px!important;margin:0!important;font-family:Inter,Arial,Helvetica,sans-serif!important;font-size:18px!important;font-weight:400!important;line-height:28.8px!important;letter-spacing:normal!important}
}

/* Desktop alignment with the approved ZARROE header and footer. */
@media(min-width:1025px){
 .zr-reference-header{padding-bottom:9px!important;border-top:0!important}
 .zr-reference-header:before{display:none!important}
 body:before{content:""!important;position:fixed!important;z-index:100001!important;top:15px!important;left:15px!important;width:calc(100vw - 45px)!important;height:1px!important;background:#111!important;pointer-events:none!important}
 .zr-desktop-head{position:relative!important;border-bottom:0!important}
 .zr-desktop-head:after{content:""!important;position:absolute!important;left:15px!important;right:15px!important;bottom:0!important;height:1px!important;background:#111!important;pointer-events:none!important}
 .zr-mega-item>a{gap:4px!important}
 .zr-mega-item>a:after{content:"\f129"!important;display:inline-block!important;flex:0 0 auto!important;margin-left:0!important;color:currentColor!important;font-family:zr-woodmart-icons!important;font-size:8px!important;font-weight:400!important;line-height:1!important;opacity:.5!important;transform:translateY(0)!important;transition:color .2s ease,opacity .2s ease!important}
 .zr-mega-item>a:hover{color:#f4511e!important}
 .zr-mega-item>a:hover:after{opacity:.65!important}
 .zr-hero{height:calc(100vh - 90px)!important;min-height:620px!important;max-height:none!important;align-items:center!important;padding:0!important;background-color:#24201f!important;background-image:url("assets/zarooe-custom-vest-scaled.webp")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:cover!important}
 .zr-hero>div{width:93.4%!important;max-width:none!important;margin:0 auto!important}
 .zr-hero .zr-eyebrow,.zr-hero .zr-button{display:none!important}
 .zr-hero h1{width:max-content!important;max-width:100%!important;margin:0 0 20px!important;font-family:Inter,Arial,Helvetica,sans-serif!important;font-size:clamp(80px,6vw,90px)!important;font-weight:800!important;line-height:1!important;letter-spacing:0!important}
 .zr-hero p:not(.zr-eyebrow){max-width:600px!important;margin:0!important;font-family:Inter,Arial,Helvetica,sans-serif!important;font-size:18px!important;font-weight:400!important;line-height:1.6!important}
 .zr-desktop-head{grid-template-columns:1fr minmax(360px,auto) 1fr!important;align-items:center!important;padding:0 15px!important;border-bottom:0!important}
 .zr-desktop-head nav{gap:22px!important;transform:translateY(8px)!important}
 .zr-desktop-head a{font-family:Inter,Arial,Helvetica,sans-serif!important;font-size:12px!important;font-weight:600!important;line-height:17px!important;letter-spacing:0!important}
 .zr-promo{height:34px!important;min-width:360px!important;overflow:hidden!important;transform:translateY(8px)!important;border:0!important;background:#fff!important;color:#555!important;font-family:Inter,Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:400!important;line-height:22px!important;letter-spacing:0!important}
 .zr-nav-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;min-height:42px!important;height:42px!important;margin-top:9px!important;padding:0 15px 0 15px!important;border:0!important}
 .zr-desktop-nav{display:flex!important;justify-self:start!important;align-items:center!important;gap:21px!important}
 .zr-desktop-nav>a,.zr-mega-item>a{height:42px!important;font-family:Inter,Arial,Helvetica,sans-serif!important;font-size:16px!important;font-weight:800!important;line-height:22px!important;letter-spacing:0!important;color:#333!important;white-space:nowrap!important}
 .zr-mega-item>a{gap:5px!important}
 .zr-head-logo{display:block!important;justify-self:center!important}
 .zr-head-logo img{display:block!important;width:250px!important;height:auto!important;max-height:48px!important;object-fit:contain!important}
 .zr-mobile-logo{display:none!important}
 .zr-utility{justify-self:end!important;gap:0!important;margin-right:0!important}
 .zr-utility>a{display:flex!important;height:40px!important;align-items:center!important;justify-content:center!important;gap:7px!important;color:#111!important;font-family:Inter,Arial,Helvetica,sans-serif!important;font-size:16px!important;font-weight:800!important;text-decoration:none!important;white-space:nowrap!important}
 .zr-utility>a[aria-label='Search']{width:40px!important;flex:0 0 40px!important;margin-right:10px!important}
 .zr-utility .zr-icon{display:block!important;font-family:zr-woodmart-icons!important;font-size:20px!important;font-style:normal!important;font-weight:400!important;line-height:20px!important;color:currentColor!important}.zr-utility .zr-search-icon{width:20px!important;height:20px!important}.zr-utility .zr-search-icon:before{content:"\f130"!important}.zr-utility .zr-cart-icon{width:20px!important;height:20px!important}.zr-utility .zr-cart-icon:before{content:"\f126"!important}
 .zr-utility .zr-cart-link{position:relative!important;width:auto!important;flex:0 0 auto!important;justify-content:flex-start!important;gap:15px!important;padding:0 20px 0 0!important}
 .zr-utility .zr-basket {
   position: relative;
   display: block;
   flex: 0 0 20px;
 }
 .zr-utility .zr-basket em {
   position: absolute;
   top: -5px;
   left: 14px;
   right: auto;
   display: grid;
   place-items: center;
   box-sizing: border-box;
   min-width: 15px;
   height: 15px;
   padding: 0 3px;
   border-radius: 99px;
   background: #fe4800;
   color: white;
   font: 400 9px/1 Inter, sans-serif;
 }
 .zr-utility .zr-cart-total{font-size:16px!important;font-weight:700!important}
 .zr-utility .zr-account-link{width:auto!important;flex:0 0 auto!important;margin-left:0!important}
 .zr-desktop-head nav a:is(:hover, :focus-visible),
 .zr-utility > a:is(:hover, :focus-visible) {
   color: #fe4800 !important;
 }
 .zr-utility .zr-cart-link:is(:hover, :focus-visible) .woocommerce-Price-amount {
   color: inherit;
 }
 .zr-mega-panel{z-index:60!important;grid-template-columns:repeat(3,minmax(0,1fr)) repeat(2,minmax(0,1.26fr))!important;gap:40px!important;padding:39px 40px 19px!important;box-shadow:0 12px 24px #00000012!important}
 .zr-mega-item:nth-child(3) .zr-mega-panel{padding-top:39px!important;padding-bottom:34px!important}
 .zr-mega-item:first-child .zr-mega-panel{padding-top:39px!important;padding-bottom:19px!important}
 .zr-mega-panel { border-top-color: #ccc; }
 .zr-mega-item.is-pointer-open > .zr-mega-panel { display: grid; }
 .zr-mega-panel::before {
   content: "";
   position: absolute;
   bottom: 100%;
   inset-inline: 0;
   height: 10px;
 }
 .zr-mega-panel>div.zr-mega-column{display:flex!important;flex-direction:column!important;align-content:flex-start!important;gap:15px!important;min-width:0!important}
 .zr-mega-column>b{margin:0 0 13px!important;color:#8a8a8a!important;font-family:Roboto,Inter,Arial,sans-serif!important;font-size:12px!important;font-weight:600!important;letter-spacing:.22em!important;line-height:12px!important}
 .zr-mega-column>a{color:#333!important;font-family:Inter,Arial,Helvetica,sans-serif!important;font-size:15px!important;font-weight:500!important;line-height:20px!important;text-decoration:none!important}
 .zr-mega-column>a:hover{color:#f4511e!important}
 .zr-mega-card{position:relative!important;display:grid!important;min-width:0!important;width:100%!important;height:392px!important;min-height:392px!important;align-content:center!important;justify-items:center!important;overflow:hidden!important;padding:16px!important;border-radius:12px!important;background:#222!important;color:#fff!important;text-decoration:none!important}
 .zr-mega-card img{position:absolute!important;inset:0 auto 0 0!important;z-index:0!important;width:calc(100% + 60px)!important;max-width:none!important;height:100%!important;object-fit:cover!important;filter:none!important;transform:translate3d(-30px,0,0) scale(1.12)!important;transition:transform .35s ease,opacity .35s ease!important}
 .zr-mega-card:hover img{transform:translate3d(0,0,0) scale(1)!important;opacity:.5!important}
 .zr-mega-card:hover{background:#000!important}
 .zr-mega-card strong{position:relative!important;z-index:1!important;width:260px!important;max-width:260px!important;color:#fff!important;font-family:Inter,Arial,Helvetica,sans-serif!important;font-size:30px!important;font-weight:800!important;line-height:42px!important;text-align:center!important;text-transform:uppercase!important;text-shadow:0 1px 4px #0004!important}
 .zr-mega-card:nth-child(4) strong{width:132px!important;max-width:132px!important}
 .zr-mega-item:not(:nth-child(3)) .zr-mega-card:nth-child(5) strong{width:117px!important;max-width:117px!important}
 .zr-mega-item:nth-child(3) .zr-mega-card:nth-child(5) strong{width:188px!important;max-width:188px!important}
 .zr-mega-card:after{position:absolute!important;inset:0!important;z-index:0!important;background:linear-gradient(180deg,#0000 45%,#0002)!important;content:""!important;pointer-events:none!important}
 .zr-site-footer .zr-footer-grid{grid-template-columns:minmax(300px,2fr) repeat(5,minmax(120px,1fr))!important;gap:26px!important}
 .zr-site-footer .zr-footer-grid h3{font-size:22px!important;font-weight:700!important}
 .zr-site-footer .zr-footer-grid nav{gap:10px!important}
 .zr-site-footer .zr-footer-grid nav a{font-size:14px!important;line-height:1.45!important}
 .zr-site-footer .zr-footer-bottom>.zr-shell{width:min(calc(100% - 48px),1364px)!important}
 .zr-site-footer .zr-footer-newsletter button{padding-inline:28px!important}
}
body.home.wp-singular footer.zr-site-footer .zr-footer-benefits span:nth-child(5) i{position:relative!important;display:inline-block!important;overflow:hidden!important;background:#111!important;color:transparent!important;font-size:0!important;clip-path:polygon(50% 0,100% 35%,50% 100%,0 35%)!important}
body.home.wp-singular footer.zr-site-footer .zr-footer-benefits span:nth-child(5) i:after{position:absolute!important;inset:2px!important;background:#fff!important;content:""!important;clip-path:polygon(50% 0,100% 35%,50% 100%,0 35%)!important}

/* Reference mobile and tablet header shell. */
.zr-mobile-promo { display: none; }
@media (max-width: 1024px) {
  .zr-reference-header { padding-bottom: 5px !important; }
  .zr-reference-header .zr-mobile-promo {
    display: grid !important;
    width: 100%;
    height: 25px;
    overflow: hidden;
    border-bottom: 1px solid #555;
    color: #555;
    font: 400 12px/1.4 Inter, Arial, sans-serif;
    letter-spacing: 0;
  }
  .zr-reference-header .zr-head-logo,
  .zr-reference-header .zr-desktop-head,
  .zr-reference-header .zr-desktop-nav,
  .zr-reference-header .zr-utility > a[aria-label="Search"],
  .zr-reference-header .zr-account-link,
  .zr-reference-header .zr-cart-total,
  .zr-mobile-drawer,
  .zr-drawer-shade {
    display: none !important;
  }
  .zr-reference-header .zr-nav-row {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    width: 100%;
    height: 35px !important;
    min-height: 35px !important;
    margin: 0;
    padding: 0 15px !important;
    border: 0;
    border-bottom: 1px solid #555;
  }
  .zr-reference-header .zr-menu-toggle {
    display: flex !important;
    justify-self: start;
    align-items: center;
    gap: 4px !important;
    padding: 0 !important;
    border: 0;
    background: transparent;
    font-size: 0 !important;
    line-height: 1;
  }
  .zr-reference-header .zr-menu-toggle::before {
    content: "";
    width: 18px;
    height: 14px;
    background: linear-gradient(#555, #555) 0 0 / 18px 2px no-repeat,
      linear-gradient(#555, #555) 0 6px / 18px 2px no-repeat,
      linear-gradient(#555, #555) 0 12px / 18px 2px no-repeat;
  }
  .zr-reference-header .zr-menu-toggle b {
    display: inline !important;
    color: #111;
    font: 700 16px/1 Inter, Arial, sans-serif;
  }
  .zr-reference-header .zr-mobile-logo {
    display: block !important;
    justify-self: center;
    line-height: 0;
  }
  .zr-reference-header .zr-mobile-logo img {
    display: block;
    width: 140px !important;
    height: 25px !important;
    object-fit: contain;
  }
  .zr-reference-header .zr-utility {
    display: flex;
    justify-self: end;
    gap: 0 !important;
  }
  .zr-reference-header .zr-cart-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 35px;
    padding: 0;
    font-size: 0;
  }
  .zr-reference-header .zr-basket {
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
  }
  .zr-reference-header .zr-cart-icon::before {
    content: "\f126";
    font: 20px/20px zr-woodmart-icons;
  }
  .zr-reference-header .zr-basket em {
    position: absolute;
    top: -5px;
    left: 14px;
    display: grid;
    place-items: center;
    width: 15px;
    height: 15px;
    padding: 0;
    border-radius: 50%;
    background: #fe4800;
    color: #fff;
    font: 400 9px/1 Inter, Arial, sans-serif;
  }
}
@media (max-width: 767px) {
  .zr-reference-header .zr-mobile-promo {
    justify-items: center;
    padding-right: 0;
  }
}

/* Mobile menu control hover/focus accent. */
@media (max-width: 1024px) {
  .zr-reference-header .zr-menu-toggle { transition:color .16s ease; }
  .zr-reference-header .zr-menu-toggle:hover,
  .zr-reference-header .zr-menu-toggle:focus-visible,
  .zr-reference-header .zr-menu-toggle:hover b,
  .zr-reference-header .zr-menu-toggle:focus-visible b { color:#fe4800 !important; }
  .zr-reference-header .zr-menu-toggle:hover::before,
  .zr-reference-header .zr-menu-toggle:focus-visible::before {
    background:linear-gradient(#fe4800,#fe4800) 0 0 / 18px 2px no-repeat,
      linear-gradient(#fe4800,#fe4800) 0 6px / 18px 2px no-repeat,
      linear-gradient(#fe4800,#fe4800) 0 12px / 18px 2px no-repeat;
  }
  .zr-reference-header .zr-menu-toggle::before { transition:background .16s ease; }
}

/* Keep the mobile header controls centered between matching, inset rules. */
@media (max-width: 1024px) {
  .zr-reference-header .zr-mobile-promo {
    position: relative;
    border-bottom: 0 !important;
  }
  .zr-reference-header .zr-mobile-promo::after,
  .zr-reference-header .zr-nav-row::after {
    position: absolute;
    right: 15px;
    left: 15px;
    height: 1px;
    background: #555;
    content: "";
    pointer-events: none;
  }
  .zr-reference-header .zr-mobile-promo::after { bottom: 0; }
  .zr-reference-header .zr-nav-row {
    position: relative;
    border-bottom: 0 !important;
  }
  .zr-reference-header .zr-nav-row::after { bottom: 0; }
}