/*
Theme Name: Buck Bama
Author: Buck Bama
Description: The Buck Bama theme, one standalone theme: editorial base templates, Toolset and WooCommerce presentation, MapLibre map, time-of-day colour system, animated SVG scenes, SEO/GEO, Ask Buck FAQ, dependent filters and nearby strips. CSS/SVG/JS only, no libraries, respects prefers-reduced-motion.
Version: 2.0.2
Requires at least: 6.4
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: nao
*/

/* ---------- 1. Palette: time of day drives every scene ---------- */
:root{
  --muted:#4a564d;                 /* was #657066: better contrast on paper */
  --amber:#e2a447;--dusk:#1f2f3d;--water:#3f8f96;
  --sky1:#e3dfc0;--sky2:#f2ecd6;--sun:#eab05c;--glow:#eab05c;--glowo:.28;--star:0;
  --r1:#b6c2a6;--r2:#8fa184;--r3:#628069;--r4:#3b5542;--t0:#7f9a82;--t1:#25392f;
  --river:#cfe0d2;--rivhl:#f2f7ee;--cloud:#fbf8ec;--gearbg:#dfe6d2;--ring:#c9d6c0;
}
:root[data-tod="dawn"]{--sky1:#f0cfae;--sky2:#f8ead5;--sun:#e99a55;--glow:#e99a55;--r1:#cfc0a9;--r2:#aeae96;--r3:#738a6b;--r4:#486350;--t0:#9aa58b;--t1:#2c4235;--river:#e6d3c0;--rivhl:#fbeede;--cloud:#fff1e0;--gearbg:#ecdfc9;--ring:#e2cfb4}
:root[data-tod="dusk"]{--sky1:#df8f6e;--sky2:#f1cd9d;--sun:#e66b3c;--glow:#e66b3c;--glowo:.35;--r1:#c99a86;--r2:#96766f;--r3:#5d5560;--r4:#38404a;--t0:#7f6a6c;--t1:#262d36;--river:#e3b79a;--rivhl:#f9dcc2;--cloud:#f7d3b0;--gearbg:#ecd1b4;--ring:#e3bf9f}
:root[data-tod="night"]{--sky1:#1c2a38;--sky2:#37495a;--sun:#eff0de;--glow:#eff0de;--glowo:.18;--star:1;--r1:#4b5f6d;--r2:#3b4d5a;--r3:#2d3c48;--r4:#212f39;--t0:#3c4e5a;--t1:#16212a;--river:#52707e;--rivhl:#9db9c4;--cloud:#46586a;--gearbg:#31424f;--ring:#48606c}

/* ---------- 2. Scene primitives (inline SVG built by wow.js) ---------- */
.nao-art{display:block;width:100%;height:100%}
.nao-art .s1{stop-color:var(--sky1)}.nao-art .s2{stop-color:var(--sky2)}
.nao-art .sun{fill:var(--sun)}.nao-art .glow{fill:var(--glow);opacity:var(--glowo)}
.nao-art .r1{fill:var(--r1)}.nao-art .r2{fill:var(--r2)}.nao-art .r3{fill:var(--r3)}.nao-art .r4{fill:var(--r4)}
.nao-art .t0{fill:var(--t0)}.nao-art .t1{fill:var(--t1)}
.nao-art .river{stroke:var(--river)}.nao-art .rivhl{stroke:var(--rivhl)}.nao-art .riverf{fill:var(--river)}
.nao-art .cloud{fill:var(--cloud)}
.nao-art .star{fill:#fff;opacity:var(--star);transition:opacity 1s}
.nao-art .gbg{fill:var(--gearbg)}.nao-art .gring{fill:var(--ring)}
.nao-art .ink{stroke:var(--t1);fill:none;stroke-linecap:round;stroke-linejoin:round}
.nao-art .fi{fill:var(--t1)}
.nao-art .amber{fill:#d9a24f}.nao-art .rustf{fill:#9c593d}.nao-art .tealf{fill:#3f8f96}.nao-art .sand{stroke:#d9c590}
.nao-art .bird{stroke:var(--t1);fill:none;stroke-width:2.2;stroke-linecap:round}
.nao-art .win{fill:#ffd37a}
.nao-art .smoke{fill:#fff;opacity:0}
.nao-art .hl{fill:#fff}

/* parallax layers (pointer-driven, transform only) */
.hero-art{overflow:hidden;--mx:0;--my:0}
.nao-art .par{transform:translate(calc(var(--mx) * var(--d,0) * 1px),calc(var(--my) * var(--d,0) * .5px));transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.nao-art .tb{transform-box:fill-box}

/* hero: the SVG sits over the (now invisible) original <img>, so layout never shifts */
.card-image img.nao-swapped,.hero-art img.nao-swapped{opacity:0}
.hero-art .nao-hero-svg{position:absolute;inset:0;z-index:0}
.hero-art .hero-art-label{z-index:2}

/* ---------- 3. Hero motion ---------- */
@keyframes nao-rise{from{transform:translateY(80px);opacity:0}to{transform:none;opacity:1}}
@keyframes nao-pulse{0%,100%{transform:scale(1);opacity:var(--glowo)}50%{transform:scale(1.12);opacity:calc(var(--glowo) * .55)}}
@keyframes nao-drift{from{transform:translateX(-7px)}to{transform:translateX(7px)}}
@keyframes nao-cloud{from{transform:translateX(-30px)}to{transform:translateX(46px)}}
@keyframes nao-sway{from{transform:rotate(-1.3deg)}to{transform:rotate(1.3deg)}}
@keyframes nao-dash{to{stroke-dashoffset:0}}
@keyframes nao-flow{to{stroke-dashoffset:-48}}
@keyframes nao-fly{from{transform:translateX(-60px)}to{transform:translateX(700px)}}
@keyframes nao-twinkle{0%,100%{opacity:var(--star)}50%{opacity:calc(var(--star) * .25)}}
@keyframes nao-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(2.5px)}}
@keyframes nao-wave{to{transform:translateX(-24px)}}
@keyframes nao-flick{0%,100%{transform:scale(1,1)}30%{transform:scale(.88,1.14)}60%{transform:scale(1.08,.9)}}
@keyframes nao-smoke{0%{transform:translateY(0) scale(.6);opacity:0}25%{opacity:.7}100%{transform:translateY(-34px) scale(1.5);opacity:0}}
@keyframes nao-ripple{0%{transform:scale(.4);opacity:.9}100%{transform:scale(1.7);opacity:0}}
@keyframes nao-spin{to{transform:rotate(360deg)}}
@keyframes nao-needle{from{transform:rotate(-24deg)}to{transform:rotate(24deg)}}
@keyframes nao-flap{from{transform:rotate(-12deg)}to{transform:rotate(14deg)}}
@keyframes nao-glint{0%,70%,100%{transform:scale(0);opacity:0}80%{transform:scale(1);opacity:1}90%{transform:scale(.4);opacity:.6}}
@keyframes nao-head{from{transform:rotate(0)}to{transform:rotate(-9deg)}}
@keyframes nao-glow{0%,100%{opacity:.75}50%{opacity:1}}
@keyframes nao-tilt{from{transform:rotate(-1.6deg)}to{transform:rotate(1.6deg)}}
@keyframes nao-skyline{to{transform:translateX(-50%)}}
@keyframes nao-draw{to{clip-path:inset(0 0 0 0)}}
@keyframes nao-hike{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.6px)}}

.nao-art .sun-wrap{animation:nao-rise 2.2s cubic-bezier(.2,.7,.2,1) both}
.nao-art .glow{transform-box:fill-box;transform-origin:center;animation:nao-pulse 6s ease-in-out infinite}
.nao-art .dr{animation:nao-drift 18s ease-in-out infinite alternate}
.nao-art .dr.a2{animation-duration:24s;animation-direction:alternate-reverse}
.nao-art .dr.a3{animation-duration:30s}
.nao-art .cl{animation:nao-cloud 40s ease-in-out infinite alternate}
.nao-art .cl.c2{animation-duration:55s;animation-direction:alternate-reverse}
.nao-art .sway{transform-box:fill-box;transform-origin:50% 100%;animation:nao-sway 5s ease-in-out infinite alternate}
.nao-art .sway.s2{animation-duration:6.4s;animation-delay:-2s}.nao-art .sway.s3{animation-duration:4.2s;animation-delay:-1s}
.nao-art .riv-line{stroke-dasharray:1;stroke-dashoffset:1;animation:nao-dash 3.2s .5s cubic-bezier(.4,0,.2,1) forwards}
.nao-art .riv-hl{stroke-dasharray:6 18;animation:nao-flow 4s linear infinite}
.nao-art .fly{animation:nao-fly 24s linear infinite}.nao-art .fly.f2{animation-duration:32s;animation-delay:-12s}
.nao-art .star{animation:nao-twinkle 4s ease-in-out infinite}
.nao-art .bobber{animation:nao-bob 3.4s ease-in-out infinite}
.nao-art .waves{animation:nao-wave 5s linear infinite}.nao-art .waves.w2{animation-duration:7s;animation-direction:reverse}
.nao-art .flame{transform-box:fill-box;transform-origin:50% 100%;animation:nao-flick .9s ease-in-out infinite}
.nao-art .puff{transform-box:fill-box;transform-origin:center;animation:nao-smoke 4s ease-out infinite}
.nao-art .puff.p2{animation-delay:1.3s}.nao-art .puff.p3{animation-delay:2.6s}
.nao-art .glint{transform-box:fill-box;transform-origin:center;animation:nao-glint 3.6s ease-in-out infinite}
.nao-art .headbob{transform-box:fill-box;transform-origin:20% 100%;animation:nao-head 3.2s ease-in-out infinite alternate}
.nao-art .winglow{animation:nao-glow 3.5s ease-in-out infinite}
.nao-art .poles{transform-box:fill-box;transform-origin:50% 100%;animation:nao-tilt 4.5s ease-in-out infinite alternate}
.nao-art .hike{animation:nao-hike 1.4s ease-in-out infinite}
.nao-art .trail{stroke-dasharray:1;stroke-dashoffset:1;animation:nao-dash 2.8s .4s ease-out forwards}
.nao-art .path-dash{stroke-dasharray:3 6;animation:nao-flow 6s linear infinite}
.nao-paused *{animation-play-state:paused!important}

/* the little time-of-day control on the hero */
.nao-tod{position:absolute;top:14px;left:14px;z-index:3;display:inline-flex;align-items:center;gap:7px;padding:7px 12px 7px 9px;border-radius:99px;background:rgba(31,47,61,.78);color:#fff;font-size:12px;letter-spacing:.04em;line-height:1;transition:background-color .25s,transform .25s}
.nao-tod:hover{background:rgba(31,47,61,.95);transform:translateY(-1px)}
.nao-tod:focus-visible{outline:2px solid #fff;outline-offset:2px}
.nao-tod svg{width:16px;height:16px;flex:none}

/* ---------- 4. Hero type: hand-drawn underline that draws itself ---------- */
.home-hero h1 em{position:relative;display:inline-block}
.home-hero h1 em::after{content:"";position:absolute;left:2%;right:0;bottom:-.05em;height:.15em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12' preserveAspectRatio='none'%3E%3Cpath d='M2 8 Q30 2 60 7 T120 6 T198 5' fill='none' stroke='%239c593d' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;clip-path:inset(0 100% 0 0);animation:nao-draw 1s 1s cubic-bezier(.6,0,.2,1) forwards}

/* ---------- 5. Activity tiles: colour-coded, animated icons ---------- */
.activity-tile{position:relative;min-height:158px;overflow:hidden;transition:background-color .35s,color .35s}
.activity-tile strong{font-size:19px}
.activity-tile strong + span{font-size:13px;color:var(--muted)}
.activity-tile[data-act="hiking"]{--tint:#5b7f45;--tintd:#4a6a38}
.activity-tile[data-act="camping"]{--tint:#d0903a;--tintd:#a8661a}
.activity-tile[data-act="fishing"]{--tint:#2f8a92;--tintd:#26707a}
.activity-tile[data-act="paddling"]{--tint:#3f78b0;--tintd:#2f6296}
.activity-tile[data-act="hunting"]{--tint:#b0643f;--tintd:#94502f}
.activity-tile[data-act="wildlife"]{--tint:#8a63a0;--tintd:#6f4c85}
.activity-tile .nao-ico{position:absolute;right:16px;bottom:16px;width:56px;height:56px;color:var(--tintd,var(--moss));overflow:visible;transition:transform .45s cubic-bezier(.2,.7,.2,1),color .35s}
.activity-tile::before{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--tint,var(--moss));transform:scaleX(.16);transform-origin:left;transition:transform .55s cubic-bezier(.2,.7,.2,1),background-color .3s}
.activity-tile:hover,.activity-tile:focus-visible{background:var(--tintd,var(--moss));color:#fff;text-decoration:none}
.activity-tile:hover::before,.activity-tile:focus-visible::before{transform:scaleX(1);background:rgba(255,255,255,.55)}
.activity-tile:hover :is(strong,span),.activity-tile:focus-visible :is(strong,span){color:#fff}
.activity-tile:hover .nao-ico,.activity-tile:focus-visible .nao-ico{color:#fff;transform:scale(1.14) rotate(-4deg)}
.activity-tile:hover .activity-arrow{transform:translate(3px,-3px)}
.activity-arrow{transition:transform .3s}
.nao-ico *{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.nao-ico .ifill{fill:currentColor;stroke:none}
.nao-ico .trail-i{stroke-dasharray:3 4;animation:nao-flow 5s linear infinite}
.nao-ico .flame-i{fill:currentColor;stroke:none;transform-box:fill-box;transform-origin:50% 100%;animation:nao-flick .8s ease-in-out infinite}
.nao-ico .rip{transform-box:fill-box;transform-origin:center;animation:nao-ripple 2.4s ease-out infinite}
.nao-ico .rip.r2{animation-delay:1.2s}
.nao-ico .wv{animation:nao-wave 3.2s linear infinite}
.nao-ico .boat{transform-box:fill-box;transform-origin:center;animation:nao-bob 2.8s ease-in-out infinite}
.nao-ico .needle{transform-box:fill-box;transform-origin:center;animation:nao-needle 3.4s ease-in-out infinite alternate}
.nao-ico .wing{transform-box:view-box;transform-origin:24px 28px;animation:nao-flap .7s ease-in-out infinite alternate}
.nao-ico .wing.wr{animation-direction:alternate-reverse}
.nao-ico .hook{transform-box:fill-box;transform-origin:50% 0;animation:nao-needle 4s ease-in-out infinite alternate}

/* ---------- 6. Cards ---------- */
.card-image{overflow:hidden}
.card-image .nao-art{position:absolute;inset:0;z-index:0;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.card-image .image-caption{z-index:2}
.outdoor-card:hover .card-image .nao-art{transform:scale(1.07)}
.outdoor-card .text-link span,.outdoor-card .compare-button{transition:transform .3s}
.outdoor-card:hover .text-link span{transform:translateX(3px)}
.sample-label{font-size:11px;letter-spacing:.08em;color:var(--muted)}
.outdoor-card .card-body p{color:var(--muted)}

/* ---------- 7. Feature band: rotating badge + animated skyline ---------- */
.feature-band{position:relative}
.nao-skyline{position:absolute;left:0;right:0;top:-47px;height:48px;overflow:hidden;pointer-events:none}
.nao-skyline svg{display:block;width:200%;height:100%;animation:nao-skyline 120s linear infinite}
.feature-band .feature-inner .feature-number{transform:none;border:0;padding:0;background:none;display:grid;place-items:center;width:min(250px,100%);aspect-ratio:1;color:inherit}
.feature-band .feature-number .nao-badge{display:block;width:250px!important;height:250px!important;max-width:100%;overflow:visible}
.nao-badge .ringtxt{transform-origin:110px 110px;animation:nao-spin 60s linear infinite;fill:#b9c9b0;font:600 10.5px/1 -apple-system,"Segoe UI",sans-serif;letter-spacing:.2em}
.nao-badge .disc{fill:#274236}
.nao-badge .b-sun{fill:#e2a447}
.nao-badge .b-r1{fill:#7e9a82}.nao-badge .b-r2{fill:#a8bf9f}.nao-badge .b-r3{fill:#e6ecd9}
.nao-badge .b-sunwrap{transform-box:fill-box;transform-origin:center;animation:nao-bob 5s ease-in-out infinite}

/* ---------- 8. Closing band: dusk scene ---------- */
.land-strip.nao-dusk{position:relative;overflow:hidden;width:auto!important;max-width:none!important;margin:0!important;border:0!important;text-align:center;color:var(--hero-ink);padding:clamp(84px,12vw,150px) var(--gutter) clamp(190px,22vw,300px);background:linear-gradient(var(--sky1),var(--sky2))}
.nao-dusk > *:not(.nao-scene){position:relative;z-index:2}
.nao-dusk h2{color:var(--hero-ink)}
.nao-dusk h2::after{left:50%;margin-left:-42px}
.land-strip.nao-dusk p,.land-strip.nao-dusk p *{color:var(--hero-ink)!important}
.nao-dusk .eyebrow{color:var(--hero-em)}
.nao-dusk .text-link{color:var(--hero-ink);border-color:var(--hero-ink)}
.nao-scene{position:absolute;inset:0;z-index:1;pointer-events:none}
.nao-scene .nao-art{position:absolute;inset:0;width:100%;height:100%}
.nao-scene .nao-stars{height:65%;bottom:auto}
.nao-scene .star{fill:#fff}
@keyframes nao-twinkle2{0%,100%{opacity:.95}50%{opacity:.3}}
.nao-scene .moon{fill:#ffd9a3}
.nao-strip-art .orbS{transform:translate(1030px,350px);transition:transform 1.8s cubic-bezier(.3,.7,.2,1)}
:root[data-tod=dawn] .nao-strip-art .orbS{transform:translate(250px,480px)}
:root[data-tod=dusk] .nao-strip-art .orbS{transform:translate(214px,470px)}
:root[data-tod=night] .nao-strip-art .orbS{transform:translate(1030px,340px)}
.nao-strip-art .winwrap{opacity:.25}
:root[data-tod=dawn] .nao-strip-art .winwrap{opacity:.6}
:root[data-tod=dusk] .nao-strip-art .winwrap,:root[data-tod=night] .nao-strip-art .winwrap{opacity:1}

/* ---------- 9. Header + scroll reveals ---------- */
.site-header{transition:border-color .3s,background-color .3s}
.site-header.is-scrolled{border-bottom-color:var(--line)}
.js-wow .nao-reveal{opacity:0;transform:translateY(20px);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0) * 80ms)}
.js-wow .nao-reveal.is-in{opacity:1;transform:none}
.js-wow .activity-tile.nao-reveal.is-in{transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1),background-color .35s,color .35s}

/* ---------- 11. Inner pages: page headers, Toolset, WooCommerce ---------- */
.page-heading,.commerce-heading,.detail-heading{position:relative}
.nao-pagescene{position:absolute;right:0;top:0;bottom:0;width:min(36%,340px);z-index:0;pointer-events:none;opacity:.6}
.nao-pagescene svg{width:100%;height:100%;display:block}
.nao-pagescene .sun{fill:var(--sun);animation:nao-bob 9s ease-in-out infinite}
.nao-pagescene .cloud{fill:var(--cloud);animation:nao-drift 40s linear infinite alternate}
.nao-pagescene .r1{fill:var(--r2)}.nao-pagescene .r2{fill:var(--r3)}.nao-pagescene .r3{fill:var(--r4)}
.nao-has-scene>*:not(.nao-pagescene){position:relative;z-index:1}
.nao-has-scene h1,.nao-has-scene p{max-width:min(100%,640px)}
@media (max-width:760px){.nao-pagescene{opacity:.35;width:70%}}
@keyframes nao-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes nao-drift{from{transform:translateX(-14px)}to{transform:translateX(40px)}}

/* forms: one control language for Toolset filters, Woo and account */
select,input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=search],input[type=url],textarea,.select2-selection{
  font:inherit;color:var(--ink);background-color:var(--white);border:1.5px solid var(--line2);border-radius:6px;padding:.62em .8em;min-height:44px;transition:border-color .2s,box-shadow .2s}
textarea{min-height:110px}
select:hover,input:hover,textarea:hover{border-color:var(--moss)}
select:focus-visible,input:focus-visible,textarea:focus-visible,button:focus-visible,.button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
select:focus,input:focus,textarea:focus{border-color:var(--moss);box-shadow:0 0 0 3px rgba(208,164,93,.35)}
label{color:var(--ink)}
.filters{border-radius:8px;position:relative;overflow:hidden}
.filters::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(var(--gold),var(--rust))}
.filters .button{transition:transform .2s,background-color .2s}
.filters .button:hover{transform:translateY(-2px)}
.reset-link{color:var(--ink);text-decoration-color:var(--gold);text-underline-offset:3px}

/* buttons: Woo + theme */
.button,button.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,
.wc-block-components-button,.single_add_to_cart_button,#place_order{
  display:inline-flex;align-items:center;justify-content:center;gap:.5em;font:inherit;font-weight:700;cursor:pointer;color:#fff;background:var(--btn);
  border:2px solid var(--btn);border-radius:6px;padding:.7em 1.3em;min-height:44px;text-decoration:none;position:relative;overflow:hidden;
  transition:transform .2s,background-color .2s,border-color .2s,color .2s}
.button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,#place_order:hover{background:var(--btn-h);border-color:var(--btn-h);color:#fff;transform:translateY(-2px)}
.button:active,.woocommerce button.button:active{transform:translateY(0)}
.woocommerce a.button.alt,.woocommerce button.button.alt,#place_order{background:var(--rust);border-color:var(--rust)}
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,#place_order:hover{background:var(--rust-h);border-color:var(--rust-h)}
.woocommerce a.button.disabled,.woocommerce button.button:disabled{opacity:.5;cursor:not-allowed;transform:none}
.woocommerce a.remove{color:var(--rust)!important;border-radius:50%}
.woocommerce a.remove:hover{background:var(--rust)!important;color:#fff!important}

/* pagination (Toolset + Woo + core) */
.woocommerce-pagination ul,.page-numbers,.nav-links,.wpv-pagination-nav-links-container{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:36px 0;border:0}
.woocommerce-pagination ul li{border:0;margin:0}
.page-numbers,.woocommerce-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 12px;border:1.5px solid var(--line);border-radius:6px;color:var(--ink);text-decoration:none;background:var(--white);transition:background-color .2s,border-color .2s,transform .2s}
a.page-numbers:hover{border-color:var(--moss);background:var(--sage);transform:translateY(-2px)}
.page-numbers.current{background:var(--btn);border-color:var(--btn);color:#fff}

/* breadcrumbs + detail pages */
.breadcrumbs a,.woocommerce-breadcrumb a{text-decoration-color:var(--gold);text-underline-offset:3px;transition:color .2s}
.breadcrumbs a:hover{color:var(--rust)}
.detail-image{border-radius:8px;overflow:hidden}
.detail-image img,.detail-image svg{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.detail-image:hover img,.detail-image:hover svg{transform:scale(1.03)}
.detail-layout aside,.detail-layout .detail-aside{border-top:3px solid var(--gold)}
.related-section{position:relative}

/* WooCommerce: shop + product */
.woocommerce-result-count{color:var(--muted)}
.woocommerce-ordering select{min-width:190px}
ul.products{list-style:none;padding:0;margin:0}
ul.products li.product{transition:transform .3s cubic-bezier(.2,.7,.2,1)}
ul.products li.product:hover{transform:translateY(-4px)}
.price,.woocommerce-Price-amount{color:var(--ink);font-weight:700}
.onsale{background:var(--gold);color:var(--ink);border-radius:999px;padding:.25em .8em;font-weight:700;position:absolute;top:12px;left:12px;z-index:3;min-height:0;min-width:0;line-height:1.4}
.woocommerce-product-gallery{border-radius:8px;overflow:hidden}
.product .summary .product_title{letter-spacing:-.01em}
.product_meta{border-top:1px solid var(--line);padding-top:14px;color:var(--muted)}
.quantity .qty{width:5.2em;text-align:center}
.woocommerce-tabs ul.tabs{display:flex;gap:6px;list-style:none;padding:0;margin:0 0 24px;border-bottom:1px solid var(--line)}
.woocommerce-tabs ul.tabs li{border:0;background:none;margin:0}
.woocommerce-tabs ul.tabs li a{display:block;padding:12px 18px;color:var(--muted);text-decoration:none;border-bottom:3px solid transparent;transition:color .2s,border-color .2s}
.woocommerce-tabs ul.tabs li.active a,.woocommerce-tabs ul.tabs li a:hover{color:var(--ink);border-bottom-color:var(--gold)}
.star-rating{color:var(--gold)}

/* WooCommerce: notices (message, info, error) */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-store-notice,.wc-block-components-notice-banner{
  list-style:none;margin:0 0 24px;padding:16px 20px;border:0;border-left:4px solid var(--moss);border-radius:0 6px 6px 0;background:var(--sage);color:var(--ink);display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{display:none}
.woocommerce-info{border-left-color:var(--gold);background:var(--note)}
.woocommerce-error{border-left-color:var(--rust);background:var(--err)}
.woocommerce-message .button,.woocommerce-info .button{margin-left:auto}
.woocommerce-store-notice,p.demo_store{position:fixed;left:0;right:0;bottom:0;margin:0;border-radius:0;border-left:0;border-top:3px solid var(--gold);background:var(--ink);color:#fff;z-index:50;justify-content:center;text-align:center}
.woocommerce-store-notice a{color:#fff;text-underline-offset:3px}

/* WooCommerce: tables (cart, order, account) */
.woocommerce table.shop_table,.woocommerce-cart-form table,.woocommerce table.my_account_orders{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--white)}
.woocommerce table.shop_table th{background:var(--sage);color:var(--ink);text-align:left;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{padding:14px 16px;border:0;border-bottom:1px solid var(--line)}
.woocommerce table.shop_table tr:last-child td{border-bottom:0}
.woocommerce table.shop_table tbody tr{transition:background-color .2s}
.woocommerce table.shop_table tbody tr:hover{background:var(--hov)}
.woocommerce-cart-form .product-thumbnail img{width:72px;height:auto;border-radius:6px}
.woocommerce-cart-form .coupon{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.cart_totals,.woocommerce-checkout-review-order{background:var(--white);border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:8px;padding:22px}
.cart_totals h2,.woocommerce-checkout h3{margin-top:0}
.wc-proceed-to-checkout .checkout-button{width:100%;background:var(--rust);border-color:var(--rust)}

/* WooCommerce: checkout */
.woocommerce form.checkout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:36px;align-items:start}
.woocommerce form.checkout #customer_details{grid-column:1}
.woocommerce form.checkout #order_review_heading{grid-column:2;grid-row:1;margin:0}
.woocommerce form.checkout #order_review{grid-column:2;grid-row:2}
.woocommerce form .form-row{margin:0 0 16px;display:flex;flex-direction:column;gap:6px}
.woocommerce form .form-row label{font-weight:600}
.woocommerce form .form-row .required{color:var(--rust);text-decoration:none}
.woocommerce form .form-row-first,.woocommerce form .form-row-last{width:calc(50% - 8px);display:inline-flex}
.woocommerce form .form-row.woocommerce-invalid input,.woocommerce form .form-row.woocommerce-invalid select{border-color:var(--rust)}
#payment{background:var(--sage);border-radius:8px;padding:18px}
#payment ul.payment_methods{list-style:none;padding:0;margin:0 0 14px}
#payment .payment_box{background:var(--white);border-radius:6px;padding:12px 14px;margin-top:8px}
@media (max-width:860px){.woocommerce form.checkout{grid-template-columns:1fr}.woocommerce form.checkout #order_review_heading,.woocommerce form.checkout #order_review,.woocommerce form.checkout #customer_details{grid-column:1;grid-row:auto}.woocommerce form .form-row-first,.woocommerce form .form-row-last{width:100%}}

/* WooCommerce: my account */
.woocommerce-account .woocommerce{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;align-items:start}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--white);overflow:hidden}
.woocommerce-MyAccount-navigation li{margin:0;border-bottom:1px solid var(--line)}
.woocommerce-MyAccount-navigation li:last-child{border-bottom:0}
.woocommerce-MyAccount-navigation a{display:flex;align-items:center;gap:10px;padding:14px 18px;color:var(--ink);text-decoration:none;border-left:4px solid transparent;transition:background-color .2s,border-color .2s,padding .2s}
.woocommerce-MyAccount-navigation a::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--line);transition:background-color .2s,transform .2s}
.woocommerce-MyAccount-navigation a:hover{background:var(--sage);padding-left:22px}
.woocommerce-MyAccount-navigation .is-active a{background:var(--sage);border-left-color:var(--gold);font-weight:700}
.woocommerce-MyAccount-navigation .is-active a::before,.woocommerce-MyAccount-navigation a:hover::before{background:var(--moss);transform:scale(1.3)}
.woocommerce-MyAccount-content{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:28px}
.woocommerce-MyAccount-content a:not(.button){text-decoration-color:var(--gold);text-underline-offset:3px}
.woocommerce-account .u-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.woocommerce-form-login,.woocommerce-form-register{background:var(--white);border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:8px;padding:24px}
@media (max-width:760px){.woocommerce-account .woocommerce,.woocommerce-account .u-columns{grid-template-columns:1fr}}

/* Woo layout resets: Woo's own 30%/68% floats fight our grids */
.woocommerce-account .entry-content,.woocommerce-cart .entry-content,.woocommerce-checkout .entry-content{max-width:none}
.woocommerce-MyAccount-navigation,.woocommerce-MyAccount-content,.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-1,.woocommerce-page .col2-set .col-2,.woocommerce-cart .cart-collaterals,.woocommerce-cart .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals,.woocommerce-account .u-column1,.woocommerce-account .u-column2{float:none!important;width:auto!important;max-width:none}
.woocommerce .col2-set,.woocommerce-page .col2-set{display:grid;gap:24px}
.woocommerce-cart .woocommerce{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:36px;align-items:start}
.woocommerce-cart .woocommerce-notices-wrapper,.woocommerce-account .woocommerce-notices-wrapper{grid-column:1/-1}
.woocommerce-cart .cart-collaterals{grid-column:2}
@media (max-width:860px){.woocommerce-cart .woocommerce{grid-template-columns:1fr}.woocommerce-cart .cart-collaterals{grid-column:1}}

.woocommerce-account .woocommerce::before,.woocommerce-account .woocommerce::after,.woocommerce-cart .woocommerce::before,.woocommerce-cart .woocommerce::after,.woocommerce form.checkout::before,.woocommerce form.checkout::after,.woocommerce .col2-set::before,.woocommerce .col2-set::after{display:none}
.woocommerce-MyAccount-navigation a{text-decoration:none!important}
/* compare page + empty states */
.compare-notice{border-radius:0 6px 6px 0}
.woocommerce-info.cart-empty,.cart-empty{background:var(--sage);border-left-color:var(--moss)}
.return-to-shop{margin-top:16px}

/* inner-page motion: gentle, transform/opacity only */
.card-body .text-link span,.text-link span{display:inline-block;transition:transform .25s}
.text-link:hover span{transform:translate(3px,-3px)}
.compare-button{transition:transform .2s,color .2s}
.compare-button:hover{transform:translateX(3px)}
.js-wow ul.products>li.product.nao-reveal{transition-property:opacity,transform}

/* ---------- 12. Slick layer: AJAX states, search overlay, ambient life ---------- */
.nao-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html.nao-lock{overflow:hidden}

/* top progress bar for AJAX */
.nao-bar{position:fixed;left:0;right:0;top:0;height:3px;z-index:100000;pointer-events:none;opacity:0;transition:opacity .2s}
.nao-bar::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--gold),var(--rust));transform-origin:left;transform:scaleX(var(--b,0));transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.nao-bar.is-on{opacity:1}

/* loading + results */
.nao-loading{opacity:.4;transition:opacity .2s;pointer-events:none}
.nao-loading .outdoor-card,.nao-loading li.product{animation:nao-pulse 1.1s ease-in-out infinite alternate}
@keyframes nao-pulse{to{opacity:.7}}

/* active-filter chips */
.nao-chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}
.nao-chips[hidden]{display:none}
.nao-chip{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:.88rem;font-weight:600;color:var(--ink);background:var(--sage);border:1.5px solid transparent;border-radius:999px;padding:.4em .8em .4em 1em;cursor:pointer;transition:transform .2s,background-color .2s,border-color .2s;animation:nao-chip-in .35s cubic-bezier(.2,.8,.2,1) both}
.nao-chip svg{width:11px;height:11px;transition:transform .25s}
.nao-chip:hover{background:var(--note);border-color:var(--gold)}
.nao-chip:hover svg{transform:rotate(90deg)}
@keyframes nao-chip-in{from{opacity:0;transform:scale(.8)}}

/* header: search button + scroll ribbon */
.nao-search-btn{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:.9rem;color:var(--ink);background:transparent;border:1.5px solid var(--line);border-radius:999px;padding:.35em .55em .35em .8em;cursor:pointer;transform:translate(var(--mx2,0),var(--my2,0));transition:border-color .2s,background-color .2s,transform .2s}
.nao-search-btn svg{width:16px;height:16px}
.nao-search-btn kbd,.nao-search-x kbd{font:inherit;font-size:.72rem;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:0 .4em;background:var(--white)}
.nao-search-btn:hover{border-color:var(--moss);background:var(--sage)}

/* search overlay */
.nao-search{position:fixed;inset:0;z-index:99999;display:flex;justify-content:center;align-items:flex-start;padding:10vh 16px 16px}
.nao-search[hidden]{display:none}
.nao-search-back{position:absolute;inset:0;background:rgba(37,57,47,.62);opacity:0;transition:opacity .22s}
.nao-search.is-open .nao-search-back{opacity:1}
.nao-search-panel{position:relative;width:min(680px,100%);max-height:78vh;display:flex;flex-direction:column;background:var(--white);border-radius:12px;border-top:4px solid var(--gold);box-shadow:0 30px 80px rgba(0,0,0,.28);overflow:hidden;opacity:0;transform:translateY(-14px) scale(.98);transition:opacity .22s,transform .3s cubic-bezier(.2,.8,.2,1)}
.nao-search.is-open .nao-search-panel{opacity:1;transform:none}
.nao-search-form{display:flex;align-items:center;gap:12px;padding:6px 14px 6px 20px;border-bottom:1px solid var(--line)}
.nao-search-form>svg{width:22px;height:22px;flex:none;color:var(--moss)}
.nao-search-form input{flex:1;border:0!important;box-shadow:none!important;background:transparent!important;font-size:1.2rem;min-height:56px;padding:0;outline:none}
.nao-search-x{border:0;background:transparent;cursor:pointer;padding:6px}
.nao-results{overflow:auto;padding:8px 8px 14px;position:relative}
.nao-results.is-busy::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);background-size:50% 100%;background-repeat:no-repeat;animation:nao-scan 1s linear infinite}
@keyframes nao-scan{from{background-position:-50% 0}to{background-position:150% 0}}
.nao-group,.nao-hint{margin:10px 12px 4px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700}
.nao-hit{display:flex;align-items:center;gap:14px;padding:11px 12px;border-radius:8px;color:var(--ink);text-decoration:none;border-left:3px solid transparent;animation:nao-hit-in .35s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0)*30ms);transition:background-color .15s,border-color .15s}
@keyframes nao-hit-in{from{opacity:0;transform:translateY(6px)}}
.nao-hit:hover,.nao-hit.is-sel{background:var(--sage);border-left-color:var(--gold)}
.nao-hit-ico{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:8px;background:var(--paper);color:var(--moss);transition:background-color .15s,color .15s,transform .2s}
.nao-hit:hover .nao-hit-ico,.nao-hit.is-sel .nao-hit-ico{background:var(--moss);color:#fff;transform:rotate(-6deg)}
.nao-hit-ico svg{width:20px;height:20px}
.nao-hit-t{flex:1;font-weight:600;font-size:1.02rem}
.nao-hit-t mark{background:rgba(208,164,93,.45);color:inherit;border-radius:3px;padding:0 1px}
.nao-hit-k{font-size:.78rem;color:var(--muted)}
.nao-all{display:block;margin:8px 12px 0;padding:12px;border-top:1px solid var(--line);color:var(--ink);font-weight:700;text-decoration:none}
.nao-all:hover span{display:inline-block;transform:translateX(4px)}
.nao-empty{margin:14px 12px 4px;color:var(--ink);font-weight:600}
.nao-suggest{display:flex;flex-wrap:wrap;gap:8px;padding:4px 12px 8px}
.nao-suggest button{font:inherit;font-size:.9rem;color:var(--ink);background:var(--sage);border:0;border-radius:999px;padding:.45em 1em;cursor:pointer;transition:transform .2s,background-color .2s}
.nao-suggest button:hover{background:var(--gold);transform:translateY(-2px)}

/* headline words rise in */
.js-wow .nao-split .nao-w{display:inline-block;overflow:hidden;vertical-align:bottom;padding:.04em .04em .16em;margin:-.04em -.04em -.16em}
.js-wow .nao-split .nao-w>span{display:inline-block;transform:translateY(108%);animation:nao-wup .85s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--wi,0)*70ms + 120ms)}
@keyframes nao-wup{to{transform:none}}

/* card light that follows the pointer */
.outdoor-card .card-image::before,li.product>a:first-child::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(240px circle at var(--sx,50%) var(--sy,50%),rgba(255,255,255,.34),transparent 62%)}
.outdoor-card:hover .card-image::before,li.product:hover>a:first-child::before{opacity:1}
.button,.single_add_to_cart_button{transform:translate(var(--mx2,0),var(--my2,0))}
.button:hover{transform:translate(var(--mx2,0),calc(var(--my2,0px) - 2px))}

/* ambient life */
.nao-flies{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;transition:opacity 1.2s}
:root[data-tod=dusk] .nao-flies,:root[data-tod=night] .nao-flies{opacity:1}
.nao-flies i{position:absolute;width:5px;height:5px;border-radius:50%;background:#ffe9a8;box-shadow:0 0 8px 3px rgba(255,224,140,.55);animation:nao-flit var(--d,9s) ease-in-out var(--w,0s) infinite alternate}
@keyframes nao-flit{0%{transform:translate(0,0);opacity:.15}35%{opacity:1}70%{opacity:.35}100%{transform:translate(var(--dx,20px),var(--dy,-20px));opacity:.9}}
.land-strip .nao-flies{z-index:1}
.nao-birds{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden;transition:opacity 1s}
.nao-birds .b{fill:none;stroke:var(--r4);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:0;animation:nao-bird 26s linear infinite}
.nao-birds .b2{animation-delay:-9s;animation-duration:32s}
.nao-birds .b3{animation-delay:-17s;animation-duration:38s}
:root[data-tod=night] .nao-birds,:root[data-tod=dusk] .nao-birds{opacity:0}
@keyframes nao-bird{0%{opacity:0;transform:translate(-30px,70px)}6%{opacity:.85}50%{transform:translate(220px,34px)}94%{opacity:.85}100%{opacity:0;transform:translate(440px,52px)}}

/* page transitions (browsers with cross-document view transitions; others just navigate) */
@media (prefers-reduced-motion:no-preference){
  @view-transition{navigation:auto}
  .site-header{view-transition-name:nao-header}
  ::view-transition-old(root){animation:nao-vt-out .2s ease both}
  ::view-transition-new(root){animation:nao-vt-in .4s cubic-bezier(.2,.7,.2,1) both}
  ::view-transition-old(nao-header),::view-transition-new(nao-header){animation:none;mix-blend-mode:normal}
  @keyframes nao-vt-out{to{opacity:0;transform:translateY(-6px)}}
  @keyframes nao-vt-in{from{opacity:0;transform:translateY(12px)}}
}

/* ---------- 13. Site-wide time of day (the choice is saved and shared by every page) ---------- */
:root{--note:#efe7d3;--err:#f1dfd6;--hov:#faf8f1;--rust-h:#7d4430;--soft:#e9ece2;--line2:#bfc9bb;--btn:#3b5542;--btn-h:#25392f;
  --ox:1060px;--oy:330px;--rays:1;--cres:0;--mistO:.5;--fire:.12;--hero-ink:var(--ink);--hero-em:#9c593d;--scrim:rgba(246,244,237,.55)}
:root[data-tod="dawn"]{--paper:#f8efe3;--white:#fffaf1;--sage:#efe4d3;--line:#e2d5c0;--soft:#f0e5d4;--note:#f3e2c2;--hov:#fdf6ea;--line2:#d4c6b0;--ox:700px;--oy:600px;--rays:.8;--mistO:.72;--fire:.2;--scrim:rgba(248,239,227,.5)}
:root[data-tod="dusk"]{--paper:#f3e4d0;--white:#fbefde;--sage:#ebd5b9;--line:#dac3a3;--soft:#ecd9bf;--note:#f0dcb4;--hov:#f8ead8;--line2:#c9ad8a;--hero-em:#7a3a1f;--ox:1180px;--oy:590px;--rays:.35;--mistO:.55;--fire:.5;--scrim:rgba(243,228,208,.35)}
:root[data-tod="night"]{color-scheme:dark;--paper:#101915;--white:#18241e;--ink:#edf0e4;--muted:#a9b6ac;--line:#2b3a32;--sage:#213128;--moss:#86b494;--gold:#dcb06b;--rust:#bc6a47;
  --soft:#1d2b23;--note:#33301f;--err:#3a2620;--hov:#1d2b23;--rust-h:#d07a55;--line2:#40554a;--btn:#2f5d40;--btn-h:#3d7a52;
  --hero-ink:#f4f2e6;--hero-em:#f0b672;--scrim:rgba(8,14,12,.35);--ox:1120px;--oy:330px;--rays:0;--cres:1;--mistO:.16;--fire:1}
body{transition:background-color .6s,color .6s}

/* surfaces the parent theme colours by hand */
.preview-bar,.gear-teaser,.site-footer,.filters,.empty-state,.fixture-note,.detail-aside{background-color:var(--soft)}
.preview-bar,.fixture-note{color:var(--muted)}
.preview-detail{border-left-color:var(--line2)}
.footer-bottom{border-top-color:var(--line)}
.filters select{border-color:var(--line2);background-color:var(--white);color:var(--ink)}
.tag,.compare-button{border-bottom-color:var(--line2)}
:root[data-tod="night"] .site-header{background-color:rgba(16,25,21,.92)}
:root[data-tod="night"] img:not([src*=".svg"]){filter:brightness(.82)}

/* the time-of-day control */
.nao-tod-wrap{position:relative;display:inline-flex}
.nao-tod-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:1.5px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;transition:border-color .2s,background-color .2s,transform .3s}
.nao-tod-btn:hover{border-color:var(--moss);background:var(--sage);transform:rotate(-12deg)}
.nao-tod-ico svg{width:20px;height:20px;display:block}
.nao-tod-menu{position:absolute;right:0;top:calc(100% + 10px);min-width:172px;z-index:120;background:var(--white);border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:10px;box-shadow:0 18px 50px rgba(0,0,0,.22);padding:6px;animation:nao-pop .22s cubic-bezier(.2,.8,.2,1)}
.nao-tod-menu[hidden]{display:none}
.nao-tod-menu button{display:flex;gap:12px;align-items:center;width:100%;padding:10px 12px;border:0;border-radius:6px;background:transparent;color:var(--ink);font:inherit;cursor:pointer;text-align:left}
.nao-tod-menu button svg{width:18px;height:18px;flex:none;color:var(--moss)}
.nao-tod-menu button:hover,.nao-tod-menu button:focus-visible{background:var(--sage)}
.nao-tod-menu button[aria-checked=true]{font-weight:700}
.nao-tod-menu button[aria-checked=true]::after{content:"";margin-left:auto;width:8px;height:8px;border-radius:50%;background:var(--gold)}
@keyframes nao-pop{from{opacity:0;transform:translateY(-6px) scale(.97)}}

/* back-to-top ring (replaces the scroll line) */
.nao-top{position:fixed;right:22px;bottom:22px;z-index:90;width:52px;height:52px;border-radius:50%;border:0;padding:0;background:var(--white);color:var(--ink);box-shadow:0 8px 24px rgba(0,0,0,.2);cursor:pointer;opacity:0;transform:translateY(14px) scale(.9);pointer-events:none;transition:opacity .3s,transform .3s,bottom .3s}
.nao-top.is-on{opacity:1;transform:none;pointer-events:auto}
.nao-top.lift{bottom:78px}
.nao-top>svg:first-child{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.nao-top .trk{fill:none;stroke:var(--line);stroke-width:3}
.nao-top .bar{fill:none;stroke:var(--gold);stroke-width:3;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--p,0))}
.nao-top .arr{position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;transition:transform .25s}
.nao-top:hover .arr{transform:translateY(-3px)}

/* ---- the hero: full-bleed, taller, alive ---- */
html,body{overflow-x:clip}
.nao-hero-full{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:0;margin-top:0;
  padding:clamp(48px,9vh,110px) max(var(--gutter),calc((100vw - var(--max)) / 2 + var(--gutter))) clamp(150px,25vh,270px);
  min-height:clamp(620px,calc(100svh - 120px),980px);overflow:hidden;isolation:isolate;border-bottom:0;background:var(--sky1)}
.nao-hero-full::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 52% 50% at 24% 40%,var(--scrim),transparent 72%)}
.nao-hero-full .hero-art{position:absolute;inset:0;z-index:0;width:auto;height:auto;min-height:0;aspect-ratio:auto;border-radius:0;background:none}
.nao-hero-full .hero-art img{display:none}
.nao-hero-full .hero-copy{position:relative;z-index:3;max-width:min(660px,100%);width:auto}
.nao-hero-full h1{font-size:clamp(3.1rem,7.4vw,6.8rem);line-height:.98;letter-spacing:-.025em;color:var(--hero-ink)}
.nao-hero-full h1 em{color:var(--hero-em)}
.nao-hero-full .eyebrow,.nao-hero-full .hero-deck,.nao-hero-full .hero-footnote{color:var(--hero-ink)}
.nao-hero-full .hero-deck{font-size:clamp(1.05rem,1.5vw,1.3rem);max-width:34em}
.nao-hero-full .text-link{color:var(--hero-ink);border-color:currentColor}
.nao-hero-full .hero-art-label{position:absolute;left:auto;top:auto;right:max(var(--gutter),calc((100vw - var(--max)) / 2 + var(--gutter)));bottom:28px;z-index:3;text-align:right;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.55)}
@media (max-width:760px){.nao-hero-full .hero-art-label{display:none}.nao-hero-full::before{background:linear-gradient(180deg,var(--scrim),transparent 70%)}}
.nao-cue{position:absolute;left:50%;bottom:20px;z-index:4;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:0;color:#f4f2e6;text-decoration:none;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 1px 8px rgba(0,0,0,.5);transition:opacity .4s}
.nao-cue svg{width:22px;height:22px;animation:nao-cue 1.8s ease-in-out infinite}
.nao-cue.is-gone{opacity:0;pointer-events:none}
@keyframes nao-cue{0%,100%{transform:translateY(0);opacity:.7}50%{transform:translateY(6px);opacity:1}}

/* hero scene details */
.nao-hero-svg .par{transform:translate(calc(var(--mx) * var(--d,0) * 1px),calc(var(--my) * var(--d,0) * .5px + var(--hs,0) * var(--sd,0) * 1px));transition:transform .3s ease-out}
.nao-art .s1,.nao-art .s2{transition:stop-color 1.4s}
.nao-art .r1,.nao-art .r2,.nao-art .r3,.nao-art .r4,.nao-art .t0,.nao-art .t1,.nao-art .cloud,.nao-art .riverf,.nao-art .sun{transition:fill 1.2s}
.nao-art .rivhl{transition:stroke 1.2s}
.nao-art .orb{transform:translate(var(--ox),var(--oy));transition:transform 1.8s cubic-bezier(.3,.7,.2,1)}
.nao-art .orbin{animation:nao-orbrise 2.6s cubic-bezier(.2,.7,.2,1) both}
@keyframes nao-orbrise{from{transform:translateY(260px);opacity:0}to{transform:none;opacity:1}}
.nao-art .rays{opacity:var(--rays);transition:opacity 1.2s;animation:nao-spin 160s linear infinite}
.nao-art .rays path{fill:var(--sun);opacity:.34}
.nao-art .craters circle{fill:rgba(0,0,0,.09);opacity:var(--cres);transition:opacity 1.2s}
.nao-art .fireglow{fill:#ffb347;opacity:var(--fire);transition:opacity 1.2s;animation:nao-glow 3s ease-in-out infinite}
.nao-art .mist{fill:var(--cloud);opacity:var(--mistO);transition:opacity 1.2s;animation:nao-mist 26s ease-in-out infinite alternate}
.nao-art .mist.m2{animation-duration:34s;animation-direction:alternate-reverse}
@keyframes nao-mist{from{transform:translateX(-70px)}to{transform:translateX(70px)}}
.nao-art .cl.c3{animation-duration:62s}
.nao-art .canoe{animation:nao-canoe 32s ease-in-out infinite alternate}
@keyframes nao-canoe{0%{transform:translate(-110px,0) rotate(-1deg)}50%{transform:translate(0,3px) rotate(1deg)}100%{transform:translate(120px,0) rotate(-1deg)}}
.nao-art .fly.fw{animation:nao-flyw 40s linear infinite}
.nao-art .fly.fw.f2{animation-duration:56s;animation-delay:-22s}
@keyframes nao-flyw{from{transform:translateX(-140px)}to{transform:translateX(1760px)}}
.nao-art .fw-b{stroke-width:3;transform-box:fill-box;transform-origin:center;animation:nao-flap2 .7s ease-in-out infinite alternate}
@keyframes nao-flap2{from{transform:scaleY(.55)}to{transform:scaleY(1.05)}}
:root[data-tod=night] .nao-art .fly.fw{opacity:.0}
.nao-art .shoot{animation:nao-shoot 11s linear infinite}
.nao-art .shoot path{stroke:#fff;stroke-width:3;stroke-linecap:round;fill:none;opacity:var(--cres)}
@keyframes nao-shoot{0%,86%{transform:translate(1300px,40px);opacity:0}88%{opacity:1}100%{transform:translate(800px,210px);opacity:0}}

/* 14. 1.3.1 — stacking, phone hero, phone layout */
.site-header{position:relative;z-index:80}
.nao-tod-wrap.in-bar .nao-tod-menu{right:-6px}
@media (max-width:900px){
  .header-inner{gap:8px 10px}
  .header-inner .brand{flex:0 1 auto;min-width:0}
  .nao-tod-wrap.in-bar{margin-left:auto;margin-right:0}
  .site-nav{flex-direction:column;align-items:stretch;gap:0;width:100%}
  .site-nav>a{padding:14px 2px;border-bottom:1px solid var(--line);font-size:1rem}
  .site-nav .nao-search-btn{width:100%;justify-content:flex-start;margin:12px 0 4px;min-height:44px}
  .compare-nav{border-left:0;padding-left:0;font-size:14px;padding-top:14px}
}
@media (max-width:760px){.nao-hero-full .nao-hero-svg .fly{display:none}}
@media (max-width:760px){
  .nao-hero-full{min-height:0;align-items:start;padding:34px var(--gutter) 330px}
  .nao-hero-full .hero-art{top:auto;bottom:0;height:470px;max-height:none;min-height:0}
  .nao-hero-full .nao-hero-svg{position:absolute;left:50%;bottom:0;height:100%;width:auto;max-width:none;transform:translateX(-58%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 24%);mask-image:linear-gradient(180deg,transparent 0,#000 24%)}
  .nao-hero-full h1{font-size:clamp(2.7rem,13vw,3.8rem)}
  .nao-hero-full .hero-deck{font-size:1.02rem}
  .image-caption,.preview-detail,.footer-preview{font-size:11px}
  .eyebrow,.sample-label{font-size:12px}
}
@media (max-width:640px){
  .activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* ---------- 10. Reduced motion: everything stays, nothing moves ---------- */
/* ---------- 15. Brand art: hero mascot emblem + header badge ---------- */
.brand-badge{display:block;width:44px;height:44px;flex:none;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #d0a45d,0 2px 8px rgba(0,0,0,.25)}
.nao-mascot{position:relative;z-index:3;width:100%;aspect-ratio:1000/1112;align-self:center;pointer-events:none;transform:translate3d(calc(var(--mx,0)*-10px),calc(var(--my,0)*-6px),0)}
.nao-hero-full .nao-mascot img,.nao-mascot img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 16px 26px rgba(0,0,0,.34));animation:nao-mascot-in .9s cubic-bezier(.2,.8,.2,1) .2s both,nao-mascot-bob 8s ease-in-out 1.3s infinite}
@keyframes nao-mascot-in{from{opacity:0;transform:translateY(34px) scale(.97)}to{opacity:1;transform:none}}
@keyframes nao-mascot-bob{0%,100%{translate:0 0}50%{translate:0 -7px}}
:root[data-tod=dawn] .nao-hero-full .nao-mascot img{filter:saturate(1.05) sepia(.08) drop-shadow(0 16px 26px rgba(80,40,20,.3))}
:root[data-tod=dusk] .nao-hero-full .nao-mascot img{filter:saturate(.95) sepia(.16) brightness(.94) drop-shadow(0 16px 26px rgba(40,10,30,.4))}
:root[data-tod=night] .nao-hero-full .nao-mascot img{filter:brightness(.78) saturate(.85) contrast(1.05) drop-shadow(0 16px 26px rgba(0,0,0,.55))}
.nao-hero-full.has-mascot .hero-art-label{display:none}
@media (max-width:760px){
  .brand-badge{width:40px;height:40px}
  .nao-hero-full:has(.nao-mascot) .nao-cue{display:none}
}
@media (prefers-reduced-motion:reduce){.nao-mascot{transform:none}.nao-mascot img{animation:none}}

@media (prefers-reduced-motion:reduce){
  .nao-art *,.nao-ico *,.nao-badge *,.nao-skyline svg,.home-hero h1 em::after{animation:none!important}
  .nao-art .riv-line,.nao-art .trail{stroke-dashoffset:0!important}
  .home-hero h1 em::after{clip-path:inset(0 0 0 0)}
  .js-wow .nao-reveal{opacity:1;transform:none;transition:none}
  .card-image .nao-art,.activity-tile .nao-ico{transition:none}
  .nao-pagescene *{animation:none!important}
  .nao-flies,.nao-birds{display:none}
  .nao-art .fly.fw,.nao-art .canoe,.nao-art .mist,.nao-art .shoot,.nao-art .rays,.nao-art .orbin,.nao-art .fw-b,.nao-cue svg{animation:none!important}
  .nao-art .orb,.nao-hero-svg .par,.nao-art .s1,.nao-art .s2,body{transition:none!important}
  .nao-top,.nao-tod-btn,.nao-tod-menu{transition:none!important;animation:none!important}

  .nao-bar::after,.nao-search-back,.nao-search-panel,.nao-hit,.nao-chip,.nao-chip svg,.nao-suggest button,.nao-hit-ico{transition:none!important;animation:none!important}
  .js-wow .nao-split .nao-w>span{animation:none;transform:none}
  .nao-loading .outdoor-card,.nao-loading li.product{animation:none}
  .button,.single_add_to_cart_button,.nao-search-btn{transform:none!important}

  .button,.page-numbers,.filters .button,ul.products li.product,.detail-image img,.detail-image svg,.compare-button,.text-link span,.woocommerce-MyAccount-navigation a{transition:none!important}
  ul.products li.product:hover,.button:hover,.filters .button:hover{transform:none}
}

/* ---------- 16. 1.5.0 — Wildman makeover (rugged, printed-poster look; CSS only) ---------- */
:root{
  --wm-forest:#0f3d1e;--wm-pine:#1f5a2e;--wm-orange:#d9651a;--wm-orange-h:#b9500f;--wm-cream:#fbf3e2;--wm-bark:#3a2a1c;
  --wm-slab:Rockwell,"Rockwell Nova","Roboto Slab","Zilla Slab","Bitter","Cambria","Georgia",serif;
  --wm-ink:var(--wm-bark);--wm-edge:var(--wm-bark);--wm-shadow:var(--wm-bark);--wm-text:var(--wm-bark);--wm-light:#fbf3e2;
  --moss:var(--wm-pine);--rust:var(--wm-orange);--rust-h:var(--wm-orange-h);--btn:var(--wm-forest);--btn-h:var(--wm-orange);
  --hero-em:var(--wm-orange);
}
:root[data-tod="night"]{--wm-ink:#0a120e;--wm-edge:#5d9a70;--wm-shadow:#020604;--wm-text:#f1efe2;--wm-cream:#1a2820;--wm-forest:#1d5430;--btn:#2f6a3f;--btn-h:#e0771f;--hero-em:#f0a04b}
:root:not([data-tod="night"]) .site-header{--ink:var(--wm-bark)}

/* paper grain over everything (static, no repaint cost) */
body::after{content:"";position:fixed;inset:0;z-index:9990;pointer-events:none;opacity:.09;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .22  0 0 0 0 .16  0 0 0 0 .1  0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
:root[data-tod="night"] body::after{opacity:.05;mix-blend-mode:screen}

/* headlines: heavy slab caps like the logo lettering */
h1,h2,.nao-split{font-family:var(--wm-slab);font-weight:900;text-transform:uppercase;letter-spacing:-.01em;line-height:.98}
h1{font-size:clamp(2.6rem,7.2vw,6.2rem)}
h2{font-size:clamp(1.9rem,4.2vw,3.2rem);position:relative;padding-bottom:.35em}
h2::after{content:"";position:absolute;left:0;bottom:0;width:84px;height:7px;background:var(--wm-orange);transform:skewX(-24deg);border-radius:1px}
h3{font-family:var(--wm-slab);font-weight:800;letter-spacing:0;text-transform:none}
.eyebrow{font-family:var(--wm-slab);font-weight:800;text-transform:uppercase;letter-spacing:.2em;color:var(--wm-orange)}
.eyebrow::before{content:"";display:inline-block;width:.8em;height:.8em;margin-right:.55em;background:var(--wm-orange);clip-path:polygon(50% 0,100% 100%,0 100%)}

/* header + footer: heavy rules */
.site-header{border-bottom:4px solid var(--wm-edge);box-shadow:0 3px 0 var(--wm-orange)}
.site-nav a{font-family:var(--wm-slab);font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:.86em}
.site-footer{border-top:6px double var(--wm-edge)}

/* buttons: stamped, sticker-style */
.button,.nao-search-btn,.nao-top{font-family:var(--wm-slab);font-weight:900;text-transform:uppercase;letter-spacing:.08em;border-radius:3px;border:3px solid var(--wm-edge);background:var(--wm-forest);color:var(--wm-light);
  box-shadow:4px 4px 0 var(--wm-shadow);transition:transform .12s,box-shadow .12s,background-color .12s}
.button:hover,.button:focus-visible{background:var(--wm-orange);color:#fff;transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--wm-shadow)}
.button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--wm-shadow)}
.button.button-light{background:var(--wm-cream);color:var(--wm-text)}
.button.button-light:hover{background:var(--wm-orange);color:#fff}

/* cards + tiles: thick outline, hard drop shadow, slight tilt on hover */
.outdoor-card,.activity-tile{border:3px solid var(--wm-edge);border-radius:4px;background:var(--wm-cream);box-shadow:6px 6px 0 var(--wm-shadow);overflow:hidden;
  transition:transform .15s,box-shadow .15s}
.outdoor-card:hover,.activity-tile:hover{transform:translate(-3px,-3px) rotate(-.4deg);box-shadow:9px 9px 0 var(--wm-shadow)}
.js-wow .outdoor-card.nao-reveal,.js-wow .activity-tile.nao-reveal{transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .15s,box-shadow .15s}
.js-wow .activity-tile.nao-reveal.is-in{transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .15s,box-shadow .15s,background-color .35s,color .35s}
.js-wow .outdoor-card.nao-reveal.is-in:hover,.js-wow .activity-tile.nao-reveal.is-in:hover{transform:translate(-3px,-3px) rotate(-.4deg)}
.outdoor-card .card-image{border-bottom:3px solid var(--wm-edge)}
.outdoor-card h3{padding-inline:0}
.card-image img,.card-image svg{border-radius:0}

/* feature band: forest slab with a jagged top edge */
.feature-band{background:var(--wm-forest);color:var(--wm-light);position:relative;border-block:4px solid var(--wm-edge)}
.feature-band h2,.feature-band h3,.feature-band .eyebrow{color:var(--wm-light)}
.feature-band .eyebrow{color:#f2a455}

/* forms and inputs */
input[type=text],input[type=search],input[type=email],select,textarea{border:3px solid var(--wm-edge);border-radius:3px;background:var(--wm-cream);font-weight:600}
input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--wm-orange);outline-offset:2px}

/* selection + scrollbar */
::selection{background:var(--wm-orange);color:#fff}

@media (max-width:760px){
  .outdoor-card,.activity-tile{box-shadow:4px 4px 0 var(--wm-shadow)}
  h2::after{width:64px;height:6px}
  }
@media (prefers-reduced-motion:reduce){.button,.outdoor-card,.activity-tile{transition:none}.outdoor-card:hover,.activity-tile:hover,.button:hover{transform:none}}

/* ---------- 17. 1.5.1 — Bigger menu, roomier cards, hero logo beside the headline, wildman on every page ---------- */
:root{--gutter:clamp(28px,5vw,92px)}

/* main menu: bigger and easier to read */
.site-nav a{font-size:clamp(14px,.75vw + 4px,18px);letter-spacing:.04em;padding-block:.55em;white-space:nowrap}
.site-nav .nav-list{gap:clamp(12px,1.3vw,28px)}
.brand{font-size:clamp(15px,.5vw + 10px,19px)}
.nao-tod-btn,.nao-search-btn,.compare-button{font-size:clamp(13px,.4vw + 8px,16px)}

/* roomier cards, tiles and grids */
.card-grid,ul.products{gap:clamp(24px,2.6vw,44px)}
.outdoor-card .card-body{padding:26px 26px 28px}
.activity-tile{padding:24px 22px 18px 22px}
.section{padding-block:clamp(48px,6vw,92px)}

/* hero: big logo to the left of the headline; stacks on top of the text on small screens */
.nao-hero-full.has-mascot{grid-template-columns:minmax(220px,min(38vw,500px)) minmax(0,1fr);column-gap:clamp(28px,5vw,84px);align-items:center}
.nao-hero-full.has-mascot::before{background:radial-gradient(ellipse 62% 56% at 64% 46%,var(--scrim),transparent 74%)}
.nao-hero-full.has-mascot .hero-copy{grid-column:2;max-width:min(760px,100%)}
.nao-hero-full.has-mascot h1{font-size:clamp(2.7rem,5.2vw,5.6rem)}
@media (max-width:760px){
  .nao-hero-full.has-mascot{grid-template-columns:minmax(0,1fr);row-gap:6px;align-items:start;padding:26px var(--gutter) 330px}
  .nao-hero-full.has-mascot::before{background:linear-gradient(180deg,var(--scrim),transparent 74%)}
  .nao-hero-full.has-mascot .hero-copy{grid-column:1}
  .nao-mascot{width:min(70vw,290px);margin-inline:auto}
}

/* rotating badge with the Buck Bama head */
.nao-badge .ringtxt{fill:#f2d8a6;font:800 13px/1 var(--wm-slab,Georgia,serif)}
.nao-badge .b-ring{fill:none;stroke:var(--wm-orange,#d9651a);stroke-width:4}
.nao-badge .b-head{filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}

/* ---- wildman on every page: shop, product, cart, checkout, account, notices, tables, pagination, footer ---- */
li.product{border:3px solid var(--wm-edge);border-radius:4px;background:var(--wm-cream);box-shadow:6px 6px 0 var(--wm-shadow);overflow:hidden;padding:0 0 26px!important;transition:transform .15s,box-shadow .15s}
li.product:hover{transform:translate(-3px,-3px) rotate(-.4deg);box-shadow:9px 9px 0 var(--wm-shadow)}
li.product .woocommerce-loop-product__link img,li.product>a:first-child img,li.product>a:first-child svg{display:block;width:100%;border-bottom:3px solid var(--wm-edge);border-radius:0}
li.product .woocommerce-loop-product__title,li.product h2,li.product h3{font-family:var(--wm-slab);font-weight:800;text-transform:none;letter-spacing:0;font-size:1.2rem;padding:16px 24px 4px;margin:0}
li.product>a.text-link,li.product>.price,li.product>.star-rating,li.product>.compare-button,li.product>.button{margin-inline:24px}
li.product>a.text-link{display:inline-block;margin-top:8px;margin-bottom:6px}
li.product>.compare-button{display:inline-flex;margin-top:10px}
li.product h2::after{display:none}
.price,.amount,.woocommerce-Price-amount{font-family:var(--wm-slab);font-weight:900;color:var(--wm-orange)}
.onsale{background:var(--wm-orange)!important;color:#fff!important;border:3px solid var(--wm-edge);border-radius:3px!important;font-family:var(--wm-slab);font-weight:900;text-transform:uppercase;transform:rotate(-6deg);box-shadow:3px 3px 0 var(--wm-shadow)}

.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.single_add_to_cart_button,.checkout-button,#place_order,.wp-block-button__link,input[type=submit],button[type=submit]{font-family:var(--wm-slab);font-weight:900;text-transform:uppercase;letter-spacing:.08em;border-radius:3px;border:3px solid var(--wm-edge);background:var(--wm-forest);color:var(--wm-light);box-shadow:4px 4px 0 var(--wm-shadow);padding:.8em 1.4em;transition:transform .12s,box-shadow .12s,background-color .12s}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.single_add_to_cart_button:hover,.checkout-button:hover,#place_order:hover,.wp-block-button__link:hover,input[type=submit]:hover,button[type=submit]:hover{background:var(--wm-orange);color:#fff;transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--wm-shadow)}
.woocommerce a.button.alt,.woocommerce button.button.alt,.checkout-button,#place_order,.single_add_to_cart_button{background:var(--wm-orange);color:#fff}
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.checkout-button:hover,#place_order:hover,.single_add_to_cart_button:hover{background:var(--wm-forest)}

.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-notice,.woocommerce-store-notice{border:3px solid var(--wm-edge)!important;border-left-width:12px!important;border-left-color:var(--wm-orange)!important;border-radius:3px;background:var(--wm-cream)!important;color:var(--wm-text)!important;box-shadow:4px 4px 0 var(--wm-shadow);padding:18px 22px!important;font-weight:600}
.woocommerce-error{border-left-color:#b3261e!important}

.woocommerce table.shop_table,.shop_table,table.cart,.woocommerce-table{border:3px solid var(--wm-edge)!important;border-radius:3px;border-collapse:separate!important;border-spacing:0;background:var(--wm-cream);overflow:hidden}
.shop_table th{background:var(--wm-forest);color:var(--wm-light);font-family:var(--wm-slab);text-transform:uppercase;letter-spacing:.06em;padding:14px 18px}
.shop_table td{padding:16px 18px;border-top:2px solid var(--wm-edge)!important}
.cart_totals,.cart-collaterals .cart_totals,#order_review,.woocommerce-checkout-review-order,.woocommerce-MyAccount-content,.woocommerce-form-login,.woocommerce-form-register,.woocommerce-tabs,.woocommerce-customer-details,.woocommerce-order-details,.woocommerce form.checkout_coupon,#customer_details .col-1,#customer_details .col-2{border:3px solid var(--wm-edge);border-radius:4px;background:var(--wm-cream);box-shadow:6px 6px 0 var(--wm-shadow);padding:clamp(20px,2.4vw,34px)}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.woocommerce .quantity .qty,.select2-container--default .select2-selection--single{border:3px solid var(--wm-edge)!important;border-radius:3px!important;background:var(--wm-cream)!important;padding:.7em .85em;font-weight:600}
.woocommerce form .form-row label{font-family:var(--wm-slab);font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:.82rem}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.woocommerce-MyAccount-navigation a{display:block;padding:12px 18px;border:3px solid var(--wm-edge);border-radius:3px;background:var(--wm-cream);font-family:var(--wm-slab);font-weight:800;text-transform:uppercase;letter-spacing:.06em;box-shadow:3px 3px 0 var(--wm-shadow);transition:transform .12s,box-shadow .12s,background-color .12s}
.woocommerce-MyAccount-navigation a:hover{background:var(--wm-orange);color:#fff;transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--wm-shadow)}
.woocommerce-MyAccount-navigation .is-active a{background:var(--wm-forest);color:var(--wm-light)}
.woocommerce-tabs ul.tabs{padding:0;display:flex;gap:8px;flex-wrap:wrap;border:0}
.woocommerce-tabs ul.tabs li{border:3px solid var(--wm-edge)!important;border-radius:3px!important;background:var(--wm-cream)!important;font-family:var(--wm-slab);font-weight:800;text-transform:uppercase}
.woocommerce-tabs ul.tabs li.active{background:var(--wm-forest)!important}
.woocommerce-tabs ul.tabs li.active a{color:var(--wm-light)!important}
.woocommerce-tabs ul.tabs li::before,.woocommerce-tabs ul.tabs li::after{display:none!important}
.woocommerce-breadcrumb{font-family:var(--wm-slab);font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:.8rem}
.page-numbers{border:3px solid var(--wm-edge)!important;border-radius:3px!important;background:var(--wm-cream)!important;font-family:var(--wm-slab);font-weight:900;box-shadow:3px 3px 0 var(--wm-shadow)}
.page-numbers.current,.page-numbers:hover{background:var(--wm-forest)!important;color:var(--wm-light)!important}
.text-link{font-family:var(--wm-slab);font-weight:800;text-transform:uppercase;letter-spacing:.08em;border-bottom:3px solid var(--wm-orange)}
.detail-image img,.detail-image svg,.wp-block-image img,.entry-content img,.single-product .images img{border:3px solid var(--wm-edge);border-radius:4px;box-shadow:6px 6px 0 var(--wm-shadow)}
.entry-content blockquote,blockquote{border-left:10px solid var(--wm-orange);background:var(--wm-cream);padding:18px 24px;margin-inline:0;font-family:var(--wm-slab);font-weight:700}
.entry-content a,.page-description a{text-decoration-color:var(--wm-orange);text-decoration-thickness:3px;text-underline-offset:3px}
hr,.wp-block-separator{border:0;border-top:4px dashed var(--wm-edge);opacity:.5}
.commerce-heading,.page-hero,.archive-header,.detail-hero{border-bottom:4px solid var(--wm-edge)}

/* footer: forest green like the feature band */
.site-footer{background:var(--wm-forest);color:var(--wm-light);border-top:6px double var(--wm-orange)}
.site-footer a,.site-footer p,.site-footer li,.site-footer span,.site-footer small{color:var(--wm-light)}
.site-footer h2,.site-footer h3,.site-footer h4,.site-footer strong{color:#f2a455;font-family:var(--wm-slab);text-transform:uppercase;letter-spacing:.08em}
.site-footer h2::after{background:var(--wm-orange)}
.site-footer .footer-top>div:first-child{font-family:var(--wm-slab);font-weight:900;text-transform:uppercase;letter-spacing:.02em;color:#f2a455;font-size:clamp(1.5rem,2.4vw,2.2rem);line-height:1.05}
.site-footer .footer-links a{font-family:var(--wm-slab);font-weight:700;font-size:1rem}
.site-footer a:hover{color:#f2a455}

@media (max-width:760px){li.product{box-shadow:4px 4px 0 var(--wm-shadow)}.outdoor-card .card-body{padding:22px 20px 24px}}
@media (prefers-reduced-motion:reduce){li.product,.woocommerce-MyAccount-navigation a{transition:none}li.product:hover{transform:none}}

/* ---------- 18. 1.6.0 — Kapow: logo pop, critters, motion heroes on every page, night readability ---------- */

/* header: BUCK BAMA big, OUTDOORS small */
.brand span{display:flex;flex-direction:column;font-family:var(--wm-slab);font-weight:900;text-transform:uppercase;letter-spacing:.03em;font-size:clamp(20px,1.1vw + 11px,29px);line-height:.92;color:var(--ink)}
.brand span strong{display:block;font-size:.44em;letter-spacing:.42em;color:var(--wm-orange);font-weight:800;margin-top:.3em;line-height:1}

/* home hero: Buck swells to the middle on hover / tap and slides home on release */
.nao-mascot{pointer-events:auto;cursor:zoom-in;-webkit-tap-highlight-color:transparent;outline-offset:6px;
  transition:transform .55s cubic-bezier(.2,.9,.25,1.12)}
.nao-mascot::before{content:"";position:absolute;inset:-14% -16%;z-index:-1;pointer-events:none;opacity:0;transform:scale(.4) rotate(-8deg);
  background:conic-gradient(from 0deg,#f2a455 0 8deg,transparent 8deg 20deg,#d9651a 20deg 28deg,transparent 28deg 40deg,#f2a455 40deg 48deg,transparent 48deg 60deg,#d9651a 60deg 68deg,transparent 68deg 80deg,#f2a455 80deg 88deg,transparent 88deg 100deg,#d9651a 100deg 108deg,transparent 108deg 120deg,#f2a455 120deg 128deg,transparent 128deg 140deg,#d9651a 140deg 148deg,transparent 148deg 160deg,#f2a455 160deg 168deg,transparent 168deg 180deg,#d9651a 180deg 188deg,transparent 188deg 200deg,#f2a455 200deg 208deg,transparent 208deg 220deg,#d9651a 220deg 228deg,transparent 228deg 240deg,#f2a455 240deg 248deg,transparent 248deg 260deg,#d9651a 260deg 268deg,transparent 268deg 280deg,#f2a455 280deg 288deg,transparent 288deg 300deg,#d9651a 300deg 308deg,transparent 308deg 320deg,#f2a455 320deg 328deg,transparent 328deg 340deg,#d9651a 340deg 348deg,transparent 348deg 360deg);
  -webkit-mask-image:radial-gradient(circle,#000 38%,transparent 70%);mask-image:radial-gradient(circle,#000 38%,transparent 70%);
  transition:opacity .35s,transform .7s cubic-bezier(.2,.9,.25,1.2)}
.nao-mascot.is-big{z-index:8;cursor:zoom-out;transform:translate3d(var(--bx,0),var(--by,0),0) scale(var(--bs,1.6))}
.nao-mascot.is-big::before{opacity:.75;transform:scale(1.05) rotate(6deg)}
.nao-mascot.is-big img{filter:drop-shadow(0 22px 34px rgba(0,0,0,.5))}
.nao-hero-full.has-mascot .hero-copy{transition:opacity .4s,filter .4s}
.nao-hero-full.mascot-big .hero-copy{opacity:.18;filter:blur(3px)}
.nao-hero-full.mascot-big .nao-cue{opacity:0}

/* critters: one set per time of day (all are tiny silhouettes inside the scene) */
.nao-art .cr{display:none}
:root[data-tod=dawn] .nao-art .cr-dawn,:root[data-tod=day] .nao-art .cr-day,:root:not([data-tod]) .nao-art .cr-day,:root[data-tod=dusk] .nao-art .cr-dusk,:root[data-tod=night] .nao-art .cr-night{display:inline}
.nao-art .cr-peck{animation:nao-peck 4.6s ease-in-out infinite}
.nao-art .cr-crow{animation:nao-crow 7s ease-in-out infinite}
.nao-art .cr-fish{animation:nao-leap 9s ease-in-out infinite;opacity:0}
.nao-art .cr-ring{fill:none;stroke:#fff;stroke-width:1.8;opacity:0;transform-box:fill-box;transform-origin:center;animation:nao-ripple 9s ease-out infinite}
.nao-art .cr-ring.r2{animation-delay:1.45s}
.nao-art .cr-bat{animation:nao-bat 30s linear infinite}
.nao-art .cr-flap{transform-box:fill-box;transform-origin:center;animation:nao-batflap .2s ease-in-out infinite alternate}
.nao-art .cr-ufo{animation:nao-ufo 58s linear -14s infinite}
.nao-art .cr-beam{animation:nao-beam 2.6s ease-in-out infinite alternate}
.nao-art .cr-lt{animation:nao-ltblink 1s steps(2) infinite}
.nao-art .cr-lt.l2{animation-delay:-.33s}.nao-art .cr-lt.l3{animation-delay:-.66s}
.nao-art .cr-owl{animation:nao-owlturn 11s ease-in-out infinite}
.nao-art .cr-blink{animation:nao-eyeblink 6s linear infinite}
.nao-art .cr-peekaboo{animation:nao-peek 17s ease-in-out -6s infinite}
.nao-art .cr-eyes{animation:nao-eyeblink 4s linear infinite}
.nao-art .cr-howl{animation:nao-howl 9s ease-in-out infinite}
@keyframes nao-peck{0%,52%,100%{transform:rotate(0)}58%{transform:rotate(-40deg)}63%{transform:rotate(-8deg)}69%{transform:rotate(-40deg)}76%{transform:rotate(0)}}
@keyframes nao-crow{0%,68%,100%{transform:rotate(0)}74%,88%{transform:rotate(26deg)}}
@keyframes nao-leap{0%{transform:translate(-45px,10px) rotate(-72deg);opacity:0}1.5%{opacity:1}9%{transform:translate(0,-36px) rotate(0)}16%{transform:translate(45px,10px) rotate(72deg);opacity:1}17%,100%{transform:translate(45px,10px);opacity:0}}
@keyframes nao-ripple{0%{opacity:0;transform:scale(.3)}1%{opacity:.8}9%{opacity:0;transform:scale(2.4)}100%{opacity:0}}
@keyframes nao-bat{0%{transform:translate(-120px,0)}25%{transform:translate(400px,-34px)}50%{transform:translate(880px,22px)}75%{transform:translate(1320px,-26px)}100%{transform:translate(1800px,8px)}}
@keyframes nao-batflap{from{transform:scaleY(.4)}to{transform:scaleY(1.1)}}
@keyframes nao-ufo{0%{transform:translate(-120px,0)}20%{transform:translate(320px,16px)}40%{transform:translate(660px,-8px)}60%{transform:translate(1000px,18px)}80%{transform:translate(1340px,-6px)}100%{transform:translate(1760px,10px)}}
@keyframes nao-beam{from{opacity:.1}to{opacity:.34}}
@keyframes nao-ltblink{0%{opacity:1}50%{opacity:.25}}
@keyframes nao-owlturn{0%,42%,100%{transform:rotate(0)}50%,72%{transform:rotate(-8deg)}}
@keyframes nao-eyeblink{0%,90%,100%{transform:scaleY(1)}94%{transform:scaleY(.08)}}
@keyframes nao-peek{0%,34%{transform:translateX(30px)}44%,68%{transform:translateX(0)}78%,100%{transform:translateX(30px)}}
@keyframes nao-howl{0%,58%,100%{transform:rotate(0)}66%,86%{transform:rotate(-13deg)}}
.nao-art .cr-eyes circle{filter:drop-shadow(0 0 3px #ff5a3c)}
.nao-art .cr-blink circle:first-child,.nao-art .cr-blink circle:nth-child(2){filter:drop-shadow(0 0 3px #ffd37a)}
@media (max-width:760px){.nao-hero-svg .cr-bat,.nao-hero-svg .cr-ufo{display:none}}

/* inner pages: short motion hero (same scene as the home page) */
.nao-has-scene{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;
  width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:0;margin-top:0;overflow:hidden;
  min-height:clamp(250px,32vh,360px);border-bottom:4px solid var(--wm-edge);
  padding:clamp(36px,5vw,66px) max(var(--gutter),calc((100vw - var(--max)) / 2 + var(--gutter))) clamp(84px,9vw,128px);background:var(--sky1)}
.nao-has-scene .nao-pagescene{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;opacity:1;z-index:0;pointer-events:none;--mx:0;--my:0}
.nao-has-scene .nao-pagescene svg{width:100%;height:100%;display:block}
.nao-has-scene::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 62% 80% at 22% 46%,var(--scrim),transparent 76%)}
.nao-has-scene>*:not(.nao-pagescene){position:relative;z-index:2}
.nao-has-scene h1{color:var(--hero-ink);font-size:clamp(2.3rem,5.4vw,4.6rem)}
.nao-has-scene p,.nao-has-scene .eyebrow{color:var(--hero-ink)}
.nao-has-scene .eyebrow{color:var(--wm-orange)}
.nao-has-scene h1,.nao-has-scene p{max-width:min(100%,680px)}
:root[data-tod=night] .nao-has-scene .eyebrow{color:#f2a455}
.nao-pagescene .nao-mini .orb{transform:translate(var(--ox),calc(var(--oy) - 250px))}
.nao-pagescene .sun,.nao-pagescene .cloud,.nao-pagescene .r1,.nao-pagescene .r2,.nao-pagescene .r3{animation:none;fill:revert-layer}
.nao-pagescene .sun{fill:var(--sun)}.nao-pagescene .cloud{fill:var(--cloud)}
.nao-pagescene .r1{fill:var(--r1)}.nao-pagescene .r2{fill:var(--r2)}.nao-pagescene .r3{fill:var(--r3)}
.nao-pagescene .glow{fill:var(--glow)}
@media (max-width:760px){.nao-has-scene{min-height:230px;padding-bottom:96px}.nao-has-scene::before{background:linear-gradient(180deg,var(--scrim),transparent 80%)}}

/* night: lift text that sat too dark */
:root[data-tod=night] .site-footer,:root[data-tod=night] .site-footer p,:root[data-tod=night] .site-footer li,:root[data-tod=night] .site-footer span,:root[data-tod=night] .site-footer small,:root[data-tod=night] .footer-preview{color:#eef2e4!important}
:root[data-tod=night] .site-footer a{color:#f7f3e4!important}
:root[data-tod=night] .site-footer a:hover{color:#ffc27a!important}
:root[data-tod=night] .site-footer .footer-top>div:first-child,:root[data-tod=night] .site-footer .footer-brand{color:#ffc27a!important}
:root[data-tod=night] .button,:root[data-tod=night] .nao-search-btn,:root[data-tod=night] .nao-top,:root[data-tod=night] .woocommerce a.button,:root[data-tod=night] .woocommerce button.button,:root[data-tod=night] .single_add_to_cart_button,:root[data-tod=night] input[type=submit],:root[data-tod=night] button[type=submit],:root[data-tod=night] .compare-button{color:#fff!important}
:root[data-tod=night] .button.button-light{background:#243a2d;color:#f7f3e4!important}
:root[data-tod=night] .nao-search-btn span,:root[data-tod=night] .nao-search-btn svg{color:#fff!important}
:root[data-tod=night] .text-link,:root[data-tod=night] .site-nav a,:root[data-tod=night] .outdoor-card h3,:root[data-tod=night] li.product h2{color:#f4f1e4}
:root[data-tod=night] .eyebrow{color:#ffa65c}
:root[data-tod=night] .card-body p,:root[data-tod=night] .section-heading p,:root[data-tod=night] .page-description,:root[data-tod=night] .activity-tile p,:root[data-tod=night] .meta,:root[data-tod=night] .results-heading,:root[data-tod=night] .woocommerce-result-count{color:#d4dccd}
:root[data-tod=night] .outdoor-card,:root[data-tod=night] li.product,:root[data-tod=night] .activity-tile{background:#1a2820}
:root[data-tod=night] .price,:root[data-tod=night] .amount{color:#ffb070}
:root[data-tod=night] .nao-has-scene h1,:root[data-tod=night] .nao-has-scene p{color:#f7f3e4}

@media (prefers-reduced-motion:reduce){.nao-mascot,.nao-mascot::before{transition:none}.nao-art .cr *{animation:none!important}}


/* ===== 18b. 1.6.1 ===== */
/* fireflies live inside the scene svg now (behind trees and ground) */
.nao-art .ff{display:none;animation:nao-flit var(--d,9s) ease-in-out var(--w,0s) infinite alternate}
.nao-art .ff circle{fill:#ffe9a8}.nao-art .ff .ffh{fill:rgba(255,224,140,.26)}
:root[data-tod=dusk] .nao-art .ff,:root[data-tod=night] .nao-art .ff{display:inline}
/* shooting star: head leads, tail trails */
.nao-art .shoot circle{fill:#fff;opacity:var(--cres)}
/* Loch Ness, hawk, heron, owls */
.nao-art .cr-nessie{animation:nao-nessie 38s linear infinite;opacity:0}
.nao-art .cr-neck{transform-box:fill-box;transform-origin:30% 100%;animation:nao-neck 5.5s ease-in-out infinite}
.nao-art .cr-wake{animation:nao-wake 3.2s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}
.nao-art .cr-hawk{animation:nao-soar 52s linear infinite}
@keyframes nao-nessie{0%{transform:translate(0,6px);opacity:0}6%{transform:translate(20px,0);opacity:1}46%{transform:translate(300px,-2px);opacity:1}54%{transform:translate(330px,8px);opacity:0}100%{transform:translate(330px,8px);opacity:0}}
@keyframes nao-neck{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(6deg)}}
@keyframes nao-wake{from{transform:scaleX(.9)}to{transform:scaleX(1.06)}}
@keyframes nao-soar{0%{transform:translate(0,0) rotate(-3deg)}25%{transform:translate(400px,-16px) rotate(4deg)}50%{transform:translate(800px,8px) rotate(-4deg)}75%{transform:translate(1200px,-14px) rotate(3deg)}100%{transform:translate(1760px,0) rotate(-2deg)}}
@media (max-width:760px){.nao-hero-svg .cr-hawk{display:none}}
/* h2 spring-in */
.nao-h2{opacity:0;transform:translateX(-90px)}
.nao-h2.nao-h2-in{animation:nao-h2spring .95s cubic-bezier(.2,.7,.3,1) both}
@keyframes nao-h2spring{0%{opacity:0;transform:translateX(-90px)}40%{opacity:1;transform:translateX(26px)}58%{transform:translateX(-12px)}75%{transform:translateX(6px)}88%{transform:translateX(-2px)}100%{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.nao-h2{opacity:1;transform:none}.nao-art .cr-nessie{animation:none;opacity:1}}


/* ===== 19. 1.7.0 ===== */
/* spacing: side boxes and notes get real padding */
.detail-aside{padding:28px clamp(22px,2.4vw,34px) 32px!important}
.detail-aside > :last-child{margin-bottom:0}
.card-image .image-caption{background:rgba(14,24,20,.72);color:#f2efe2}
/* campfire */
.nao-art .fireglow{animation:nao-fireglow 2.6s ease-in-out infinite;filter:blur(9px)}
@keyframes nao-fireglow{0%,100%{opacity:calc(var(--fire) * .3)}50%{opacity:calc(var(--fire) * .2)}}
.nao-art .flame.f2{animation-duration:.6s;animation-delay:-.2s}
.nao-art .ember{fill:#ffcf6a;animation:nao-ember 2.4s ease-out infinite}
.nao-art .ember.e2{animation-delay:-.8s}.nao-art .ember.e3{animation-delay:-1.6s}
@keyframes nao-ember{0%{transform:translate(0,0);opacity:0}15%{opacity:1}100%{transform:translate(8px,-46px);opacity:0}}
/* gators: eyes only, surfacing now and then */
.nao-art .cr-gator{animation:nao-gator 16s ease-in-out infinite;opacity:0}
.nao-art .cr-gator.g2{animation-delay:-8s}
.nao-art .cr-shine{animation:nao-shine 2.4s ease-in-out infinite}
@keyframes nao-gator{0%,8%{opacity:0;transform:translate(0,7px)}16%,46%{opacity:1;transform:translate(0,0)}54%{opacity:1;transform:translate(26px,2px)}64%,100%{opacity:0;transform:translate(30px,7px)}}
@keyframes nao-shine{0%,100%{opacity:.55}50%{opacity:1}}
/* comic bursts + sparks */
.nao-art .hit{cursor:pointer;pointer-events:all}
.nao-burst{position:fixed;z-index:9999;pointer-events:none;transform:translate(-50%,-50%);animation:nao-burst 1.4s cubic-bezier(.2,.9,.3,1.3) forwards}
.nao-burst span{display:block;padding:26px 34px;background:#ffd23f;color:#1a1208;font:900 clamp(18px,2.4vw,30px)/1 var(--wm-slab,Georgia,serif);letter-spacing:.02em;white-space:nowrap;text-transform:uppercase;transform:rotate(var(--rot,0deg));
  clip-path:polygon(50% 0,60% 18%,80% 6%,78% 28%,98% 30%,84% 46%,100% 60%,80% 66%,88% 88%,64% 80%,50% 100%,38% 82%,16% 92%,22% 68%,0 58%,18% 46%,4 30%,24% 28%,22% 6%,40% 18%);filter:drop-shadow(0 4px 0 #c0431a)}
@keyframes nao-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}30%{transform:translate(-50%,-50%) scale(.95)}78%{opacity:1;transform:translate(-50%,-62%) scale(1)}100%{opacity:0;transform:translate(-50%,-90%) scale(1.05)}}
.nao-spark{position:fixed;z-index:9998;width:5px;height:5px;margin:-2px 0 0 -2px;border-radius:50%;background:#ffcf6a;box-shadow:0 0 8px 2px rgba(255,170,60,.7);pointer-events:none;animation:nao-spark .9s ease-out forwards}
@keyframes nao-spark{0%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(var(--sx,0),-34px) scale(.3)}}
.nao-shake .nao-hero-full,.nao-shake .land-strip{animation:nao-shake .45s linear}
@keyframes nao-shake{0%,100%{transform:translate(0,0)}15%{transform:translate(-5px,2px)}30%{transform:translate(4px,-3px)}45%{transform:translate(-4px,-1px)}60%{transform:translate(3px,3px)}75%{transform:translate(-2px,1px)}}
@media (prefers-reduced-motion:reduce){.nao-art .cr-gator{animation:none;opacity:1}.nao-burst,.nao-spark{display:none}}


/* ===== 20. 1.7.1: grass edge on the footer ===== */
.site-footer{border-top:0!important;position:relative;overflow:visible}
.nao-grass{position:absolute;left:0;top:-95px;width:100%;height:96px;pointer-events:none;overflow:visible;z-index:2}
.nao-grass .gfront path{fill:var(--wm-forest)}
.nao-grass .gback path{fill:color-mix(in srgb,var(--wm-forest) 68%,#000)}
.nao-grass .gt{transform-box:fill-box;transform-origin:50% 100%;animation:nao-gsway 5s ease-in-out infinite alternate}
.nao-grass .gd{transform-box:fill-box;transform-origin:50% 100%;animation:nao-gdand 6.5s ease-in-out infinite alternate}
.nao-grass .gseed{animation:nao-gseed 7.8s ease-out infinite;opacity:0}
.nao-grass .sn{fill:none;stroke-linecap:round;stroke-linejoin:round;animation:nao-sn 26s linear infinite}
.nao-grass .sn.b{stroke:#6f7a2e;stroke-width:8}
.nao-grass .sn.bl{stroke:#cdbf6a;stroke-width:2.4;stroke-dasharray:4 7 4 7 4 7 4 7 4 7 4 7 4 7 4 7 4 7 4 7 4 7 4 7 0 9999;opacity:.8}
.nao-grass .sn.hd{stroke:#59631f;stroke-width:10;animation-name:nao-snh}
.nao-grass .sn.tg{stroke:#d9352b;stroke-width:1.6;animation-name:nao-snt}
@keyframes nao-gsway{from{transform:rotate(-2.2deg)}to{transform:rotate(2.2deg)}}
@keyframes nao-gdand{from{transform:rotate(-3.5deg)}to{transform:rotate(3.5deg)}}
@keyframes nao-gseed{0%{opacity:0;transform:translate(0,0)}12%{opacity:.95}100%{opacity:0;transform:translate(90px,-60px) rotate(40deg)}}
@media (prefers-reduced-motion:reduce){.nao-grass *{animation:none!important}}


/* ===== 21. 1.8.0: dandelions follow the time of day, bugs, rugged thicker borders ===== */
.nao-grass .gd{transition:filter 1.8s}
.nao-grass .gw,.nao-grass .gh{transform-origin:0 0;transition:transform 1.8s cubic-bezier(.3,.7,.2,1)}
.nao-grass .gbud{fill:#4f7f3a;opacity:0;transition:opacity 1.6s}
.nao-grass .gpet,.nao-grass .gpuff{transition:opacity 1.6s}
:root[data-tod=dawn] .nao-grass .gd{filter:brightness(.9)}
:root[data-tod=dawn] .nao-grass .gh{transform:scale(.62,.9)}
:root[data-tod=dusk] .nao-grass .gd{filter:brightness(.72)}
:root[data-tod=dusk] .nao-grass .gw{transform:rotate(calc(13deg * var(--lean,1)))}
:root[data-tod=dusk] .nao-grass .gh{transform:rotate(calc(64deg * var(--lean,1))) scale(.82)}
:root[data-tod=night] .nao-grass .gd{filter:brightness(.48)}
:root[data-tod=night] .nao-grass .gh{transform:scale(.34,.78)}
:root[data-tod=night] .nao-grass .gbud{opacity:1}
:root[data-tod=night] .nao-grass .gpet{opacity:.1}
:root[data-tod=dusk] .nao-grass .gseed,:root[data-tod=night] .nao-grass .gseed{display:none}
.nao-grass .gb{animation:nao-crawl 60s linear infinite;transition:filter 1.8s}
.nao-grass .gbw{animation:nao-bw .32s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:50% 100%}
.nao-grass .gcat{animation:nao-cat 1.1s ease-in-out infinite}
:root[data-tod=dusk] .nao-grass .gb{filter:brightness(.82)}
:root[data-tod=night] .nao-grass .gb{filter:brightness(.62)}
@keyframes nao-crawl{0%{transform:translate(0,0) scaleX(1)}48%{transform:translate(var(--dx),0) scaleX(1)}50%{transform:translate(var(--dx),0) scaleX(-1)}98%{transform:translate(0,0) scaleX(-1)}100%{transform:translate(0,0) scaleX(1)}}
@keyframes nao-bw{from{transform:translateY(0) rotate(-3deg)}to{transform:translateY(-.8px) rotate(3deg)}}
@keyframes nao-cat{0%,100%{transform:translateY(0)}50%{transform:translateY(-2.6px)}}
/* rugged, thicker card borders (a roughly cut frame instead of a ruler-straight line) */
:root{--rough:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 120 120%22%3E%3Cpath fill-rule=%22evenodd%22 fill=%22%233a2a1c%22 d=%22M0.0 1.8 L7.5 8.2 L15.0 6.5 L22.5 0.2 L30.0 4.7 L37.5 4.5 L45.0 1.2 L52.5 5.2 L60.0 2.2 L67.5 0.3 L75.0 1.6 L82.5 0.6 L90.0 4.5 L97.5 3.2 L105.0 2.0 L112.5 4.0 L116.3 0.0 L118.3 7.5 L117.5 15.0 L115.6 22.5 L118.7 30.0 L117.1 37.5 L116.0 45.0 L110.4 52.5 L115.8 60.0 L112.3 67.5 L115.8 75.0 L115.2 82.5 L116.2 90.0 L116.8 97.5 L115.4 105.0 L117.4 112.5 L120.0 119.7 L112.5 116.4 L105.0 115.5 L97.5 117.9 L90.0 119.9 L82.5 115.9 L75.0 115.8 L67.5 118.6 L60.0 110.9 L52.5 117.0 L45.0 115.5 L37.5 118.5 L30.0 118.0 L22.5 114.7 L15.0 119.0 L7.5 118.7 L3.2 120.0 L0.0 112.5 L2.0 105.0 L5.2 97.5 L2.8 90.0 L9.4 82.5 L4.3 75.0 L4.4 67.5 L7.1 60.0 L4.0 52.5 L0.9 45.0 L3.7 37.5 L0.6 30.0 L0.1 22.5 L3.4 15.0 L1.4 7.5Z M26.0 25.0 L30.2 23.4 L34.5 28.4 L38.8 29.5 L43.0 25.8 L47.2 25.9 L51.5 23.1 L55.8 23.2 L60.0 24.9 L64.2 24.4 L68.5 28.3 L72.8 23.6 L77.0 22.7 L81.2 29.2 L85.5 26.2 L89.8 23.5 L93.7 26.0 L97.3 30.2 L93.8 34.5 L90.7 38.8 L91.5 43.0 L92.6 47.2 L95.7 51.5 L94.9 55.8 L96.3 60.0 L92.1 64.2 L93.8 68.5 L92.0 72.8 L95.2 77.0 L95.9 81.2 L91.8 85.5 L90.6 89.8 L94.0 91.5 L89.8 91.9 L85.5 91.8 L81.2 92.3 L77.0 95.9 L72.8 93.9 L68.5 95.0 L64.2 97.3 L60.0 97.3 L55.8 95.5 L51.5 95.7 L47.2 92.7 L43.0 90.8 L38.8 94.4 L34.5 90.9 L30.2 90.6 L29.2 94.0 L25.1 89.8 L24.0 85.5 L24.1 81.2 L23.9 77.0 L23.9 72.8 L26.9 68.5 L28.8 64.2 L28.4 60.0 L25.9 55.8 L27.1 51.5 L28.1 47.2 L23.1 43.0 L27.1 38.8 L28.9 34.5 L28.0 30.2Z%22/%3E%3C/svg%3E");--rb:6px}
:root[data-tod=night]{--rough:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 120 120%22%3E%3Cpath fill-rule=%22evenodd%22 fill=%22%235d9a70%22 d=%22M0.0 1.8 L7.5 8.2 L15.0 6.5 L22.5 0.2 L30.0 4.7 L37.5 4.5 L45.0 1.2 L52.5 5.2 L60.0 2.2 L67.5 0.3 L75.0 1.6 L82.5 0.6 L90.0 4.5 L97.5 3.2 L105.0 2.0 L112.5 4.0 L116.3 0.0 L118.3 7.5 L117.5 15.0 L115.6 22.5 L118.7 30.0 L117.1 37.5 L116.0 45.0 L110.4 52.5 L115.8 60.0 L112.3 67.5 L115.8 75.0 L115.2 82.5 L116.2 90.0 L116.8 97.5 L115.4 105.0 L117.4 112.5 L120.0 119.7 L112.5 116.4 L105.0 115.5 L97.5 117.9 L90.0 119.9 L82.5 115.9 L75.0 115.8 L67.5 118.6 L60.0 110.9 L52.5 117.0 L45.0 115.5 L37.5 118.5 L30.0 118.0 L22.5 114.7 L15.0 119.0 L7.5 118.7 L3.2 120.0 L0.0 112.5 L2.0 105.0 L5.2 97.5 L2.8 90.0 L9.4 82.5 L4.3 75.0 L4.4 67.5 L7.1 60.0 L4.0 52.5 L0.9 45.0 L3.7 37.5 L0.6 30.0 L0.1 22.5 L3.4 15.0 L1.4 7.5Z M26.0 25.0 L30.2 23.4 L34.5 28.4 L38.8 29.5 L43.0 25.8 L47.2 25.9 L51.5 23.1 L55.8 23.2 L60.0 24.9 L64.2 24.4 L68.5 28.3 L72.8 23.6 L77.0 22.7 L81.2 29.2 L85.5 26.2 L89.8 23.5 L93.7 26.0 L97.3 30.2 L93.8 34.5 L90.7 38.8 L91.5 43.0 L92.6 47.2 L95.7 51.5 L94.9 55.8 L96.3 60.0 L92.1 64.2 L93.8 68.5 L92.0 72.8 L95.2 77.0 L95.9 81.2 L91.8 85.5 L90.6 89.8 L94.0 91.5 L89.8 91.9 L85.5 91.8 L81.2 92.3 L77.0 95.9 L72.8 93.9 L68.5 95.0 L64.2 97.3 L60.0 97.3 L55.8 95.5 L51.5 95.7 L47.2 92.7 L43.0 90.8 L38.8 94.4 L34.5 90.9 L30.2 90.6 L29.2 94.0 L25.1 89.8 L24.0 85.5 L24.1 81.2 L23.9 77.0 L23.9 72.8 L26.9 68.5 L28.8 64.2 L28.4 60.0 L25.9 55.8 L27.1 51.5 L28.1 47.2 L23.1 43.0 L27.1 38.8 L28.9 34.5 L28.0 30.2Z%22/%3E%3C/svg%3E")}
.outdoor-card,.activity-tile,li.product,.detail-aside,.cart_totals,.cart-collaterals .cart_totals,#order_review,.woocommerce-checkout-review-order,.woocommerce-MyAccount-content,.woocommerce-form-login,.woocommerce-form-register,.woocommerce-tabs,.woocommerce-customer-details,.woocommerce-order-details,.woocommerce form.checkout_coupon,#customer_details .col-1,#customer_details .col-2{
  border:var(--rb) solid var(--wm-edge)!important;border-image:var(--rough) 28 / var(--rb) stretch!important;border-radius:0!important}
.outdoor-card .card-image{border-bottom:5px solid var(--wm-edge)}
li.product .woocommerce-loop-product__link img,li.product>a:first-child img,li.product>a:first-child svg{border-bottom-width:5px}
@media (prefers-reduced-motion:reduce){.nao-grass .gb,.nao-grass .gbw,.nao-grass .gcat{animation:none}}

/* ===== 22. 1.9.0: More dropdown + wild switch skin ===== */
.nao-sub{left:auto;right:0}
.nao-wow .site-nav .nao-more-btn{font-family:var(--wm-slab);font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:clamp(14px,.75vw + 4px,18px);padding-block:.55em;color:inherit}
.nao-wow .site-nav .nao-sub{background:var(--wm-cream);border:var(--rb,4px) solid var(--wm-edge);border-image:var(--rough) 28 / var(--rb,4px) stretch;box-shadow:6px 6px 0 var(--wm-shadow)}
.nao-wow .site-nav .nao-sub a{color:#3a2a1c;font-size:.9rem;padding:.6rem 1.1rem}
.nao-wow .site-nav .nao-sub a:hover{background:var(--sage);color:#3a2a1c}
:root[data-tod=night] .nao-wow .site-nav .nao-sub{background:#16231b}
:root[data-tod=night] .nao-wow .site-nav .nao-sub a{color:#f4f1e4}
:root[data-tod=night] .nao-wow .site-nav .nao-sub a:hover{background:#25382c;color:#fff}
.nao-wow .nao-wild-btn{border-color:var(--line);color:var(--ink)}
.nao-wow .nao-wild-btn:hover{border-color:var(--moss);background:var(--sage)}
:root[data-tod=night] .nao-wow .nao-wild-btn{color:#f4f1e4}
@media (max-width:900px){.nao-wow .site-nav .nao-sub{border:0;border-image:none;border-left:3px solid var(--wm-edge);box-shadow:none;background:transparent}.nao-wow .site-nav .nao-sub a{color:inherit}}

/* Map frame: same torn-edge outline as the cards. The parent theme supplies the map; this skins it (added 2026-11-11). */
.nao-map-frame{border:var(--rb,4px) solid var(--wm-edge)!important;border-image:var(--rough) 28 / var(--rb,4px) stretch!important;border-radius:0!important}
/* added 2026-11-11: new activity tiles */
.activity-tile[data-act="walking"]{--tint:#6f8f55;--tintd:#587443}
.activity-tile[data-act="running"]{--tint:#c45a4a;--tintd:#a24537}
.activity-tile[data-act="biking"]{--tint:#c9a22c;--tintd:#8f7415}
.activity-tile[data-act="swimming"]{--tint:#2c9bd0;--tintd:#1f7cab}
.activity-tile[data-act="waterfalls"]{--tint:#3a9d8f;--tintd:#2b7d71}
.activity-tile[data-act="birding"]{--tint:#7a6bb0;--tintd:#5f5192}

.be-ready-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:900px){.be-ready-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---- 19. Be ready guide cards, new icons and cave scenes ---- */
@keyframes nao-sig{0%,100%{opacity:.15}40%{opacity:1}}
@keyframes nao-bolt{0%,84%,100%{opacity:.35}88%,94%{opacity:1}91%{opacity:.4}}
@keyframes nao-beat{0%,100%{transform:scale(1)}50%{transform:scale(1.16)}}
@keyframes nao-chk{0%{stroke-dashoffset:1;opacity:1}45%,82%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes nao-drip{0%{transform:translateY(0);opacity:0}15%{opacity:1}80%{opacity:1}100%{transform:translateY(58px);opacity:0}}
@keyframes nao-rain{to{stroke-dashoffset:-28}}
.nao-art .sig,.nao-ico .sig{animation:nao-sig 2.4s ease-in-out infinite}
.nao-art .sig.sg2,.nao-ico .sig.sg2{animation-delay:.35s}
.nao-art .sig.sg3,.nao-ico .sig.sg3{animation-delay:.7s}
.nao-art .bolt,.nao-ico .bolt{animation:nao-bolt 2.8s linear infinite}
.nao-art .plus,.nao-ico .plus{transform-box:fill-box;transform-origin:center;animation:nao-beat 2s ease-in-out infinite}
.nao-art .chk,.nao-ico .chk{stroke-dasharray:1;stroke-dashoffset:0;animation:nao-chk 3.2s ease-in-out infinite}
.nao-art .drip,.nao-ico .drip{animation:nao-drip 2.6s ease-in infinite}
.nao-art .drip.d2{animation-delay:1.3s}
.nao-art .rain path{stroke-dasharray:6 8;animation:nao-rain .9s linear infinite}
.nao-art .beam{animation:nao-beam 3.6s ease-in-out infinite alternate}
.nao-ico .spin{transform-box:fill-box;transform-origin:center;animation:nao-spin 16s linear infinite}
.activity-tile[data-act="know your alerts"]{--tint:#d0903a;--tintd:#a8661a}
.activity-tile[data-act="outdoor safety"]{--tint:#3f78b0;--tintd:#2f6296}
.activity-tile[data-act="off-grid and power"]{--tint:#c9a22c;--tintd:#8f7415}
.activity-tile[data-act="gear and supplies"]{--tint:#b0643f;--tintd:#94502f}
.activity-tile[data-act="personal safety"]{--tint:#2f8a92;--tintd:#26707a}
.activity-tile[data-act="personal protection"]{--tint:#5b7f45;--tintd:#4a6a38}
.activity-tile[data-act="caves"]{--tint:#6b6f8a;--tintd:#4f5370}
.page-content:has(.ready-guides){max-width:none}
.ready-count{font-size:15px;margin:0 0 6px;color:var(--muted)}
.ready-count strong{color:var(--ink);font-family:Georgia,serif;font-size:2.4em;letter-spacing:-.04em;margin-right:.15em;vertical-align:-.12em}
.ready-guides{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:22px 0 44px}
.entry-content .ready-guides a{text-decoration:none}
.ready-card .card-body h3{font-size:24px}
.ready-jump{display:flex;flex-wrap:wrap;gap:8px 12px;list-style:none;padding:0;margin:0 0 28px}
.ready-jump li{margin:0}
.ready-jump a{display:inline-block;border:2px solid var(--wm-edge,#16212a);border-radius:4px;padding:5px 12px;font-size:13px;font-weight:600;background:var(--wm-cream,#fff);text-decoration:none!important}
.ready-jump a:hover{background:var(--moss);color:#fff}
@media(max-width:640px){.ready-guides{grid-template-columns:1fr}}
.activity-tile>span:not(.activity-number):not(.activity-arrow){padding-right:44px}

/* 20. Photography, astronomy and geocaching */
.activity-tile[data-act="photography"]{--tint:#7a5a8a;--tintd:#634872}
.activity-tile[data-act="astronomy"]{--tint:#3d4f8f;--tintd:#2f3d70}
.activity-tile[data-act="geocaching"]{--tint:#a8763a;--tintd:#8a5f2c}
@keyframes nao-flash{0%,78%,100%{opacity:.3}84%{opacity:1}}
@keyframes nao-twk{0%,100%{opacity:.3}50%{opacity:1}}
@keyframes nao-hop{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.flash{animation:nao-flash 3.2s ease-in-out infinite}
.twk{animation:nao-twk 2.4s ease-in-out infinite}
.twk2{animation:nao-twk 3.1s ease-in-out .7s infinite}
.pinhop{animation:nao-hop 2s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.flash,.twk,.twk2,.pinhop{animation:none}}

.activity-tile[data-act="photography"] strong,.activity-tile[data-act="geocaching"] strong,.activity-tile[data-act="astronomy"] strong{font-size:.84em}

.activity-tile[data-act="picnics"]{--tint:#b5523b;--tintd:#96432f}
.activity-tile[data-act="scenic views"]{--tint:#3f7f8f;--tintd:#326873}
.activity-tile[data-act="scenic views"] strong{font-size:.9em}

/* ===== 23. 1.10.2: single-view / content images get the same rugged frame as the cards ===== */
.detail-image img,.detail-image svg,.wp-block-image img,.entry-content img,.single-product .images img,.woocommerce-product-gallery__image img{
  border:var(--rb,6px) solid var(--wm-edge)!important;border-image:var(--rough) 28 / var(--rb,6px) stretch!important;border-radius:0!important;box-sizing:border-box}


/* ===== 24. 1.11.0: gear filter bar, card padding (the hand-cut line tiles were removed in 1.14.1) ===== */
/* gear archive: same filter bar as the other archives; the plain sort box is folded into it */
form.filters~.woocommerce-ordering{display:none}
.woocommerce-ordering+form.filters{margin-top:0}
/* card text padding: products match the destination cards (26px) */
li.product h2.woocommerce-loop-product__title,li.product .woocommerce-loop-product__title{padding:24px 26px 0;margin:0 0 12px}
li.product>.text-link{display:inline-block;margin-inline:26px}
li.product>.compare-button,li.product>.price,li.product>.button,li.product>.added_to_cart,li.product>.star-rating{margin-inline:26px;width:calc(100% - 52px)}
li.product>.price{display:block;margin-bottom:10px}


/* 25. Easter egg: the footer snake rears up as a hissing cobra on hover (1.12.0) */
.nao-grass .sn.hit{stroke:transparent;stroke-width:26;pointer-events:stroke;animation-name:nao-sn;opacity:1}
.nao-grass .cobra{display:none;pointer-events:all}
.nao-grass.cobra-up .cobra{display:block}
.nao-grass.cobra-up .sn{animation-play-state:paused}
.nao-grass.cobra-up .sn.hd,.nao-grass.cobra-up .sn.tg{visibility:hidden}
.nao-grass .cb-rise{transform-box:fill-box;transform-origin:50% 100%;animation:nao-cbup .34s cubic-bezier(.2,1.4,.4,1) both,nao-cbsway 1.6s ease-in-out .34s infinite alternate}
.nao-grass .cb-neck{fill:none;stroke:#6f7a2e;stroke-width:9;stroke-linecap:round}
.nao-grass .cb-hood{fill:#59631f;stroke:#3d4515;stroke-width:1.2}
.nao-grass .cb-mark{fill:#cdbf6a;opacity:.85}
.nao-grass .cb-head{fill:#59631f;stroke:#3d4515;stroke-width:1}
.nao-grass .cb-tongue{fill:none;stroke:#d9352b;stroke-width:1.5;stroke-linecap:round;transform-box:fill-box;transform-origin:0 50%;animation:nao-cbtg .22s steps(2) infinite alternate}
.nao-grass .cb-hiss{font:italic 700 11px/1 serif;fill:var(--wm-forest,#1f3a1f);opacity:0;animation:nao-cbhiss 1s ease-out .3s infinite}
@keyframes nao-cbup{from{transform:scaleY(.05)}to{transform:scaleY(1)}}
@keyframes nao-cbsway{from{transform:rotate(-3deg)}to{transform:rotate(3deg)}}
@keyframes nao-cbtg{from{transform:scaleX(.4)}to{transform:scaleX(1)}}
@keyframes nao-cbhiss{0%{opacity:0;transform:translate(0,4px)}25%{opacity:.9}100%{opacity:0;transform:translate(8px,-8px)}}
@media (prefers-reduced-motion:reduce){.nao-grass .cb-rise,.nao-grass .cb-tongue,.nao-grass .cb-hiss{animation:none!important}.nao-grass .cb-hiss{opacity:0}}


/* 26. Easter eggs (1.13.0) - behaviour lives in assets/eggs.js */
.egg-hit{fill:#000;fill-opacity:0;pointer-events:all;cursor:pointer}
html.egg-hot,html.egg-hot *{cursor:pointer!important}
/* moon howl */
.nao-art .egg-moon{display:none}
:root[data-tod=night] .nao-art .egg-moon{display:inline}
.egg-wolf{fill:#05080d;stroke:none}
.egg-wolf .w-leg{fill:none;stroke:#05080d;stroke-width:3.6;stroke-linecap:round}
.egg-wolf .w-hh{display:none}
.egg-wolf.howl .w-hh{display:inline}.egg-wolf.howl .w-hw{display:none}
.egg-wolf .wl1{transform-origin:-24px -24px;animation:nao-leg .24s ease-in-out infinite alternate}
.egg-wolf .wl2{transform-origin:-17px -24px;animation:nao-leg .24s ease-in-out -.12s infinite alternate-reverse}
.egg-wolf .wl3{transform-origin:20px -24px;animation:nao-leg .24s ease-in-out -.06s infinite alternate-reverse}
.egg-wolf .wl4{transform-origin:27px -24px;animation:nao-leg .24s ease-in-out -.18s infinite alternate}
.egg-wolf.howl .w-leg{animation:none}
@keyframes nao-leg{from{transform:rotate(-28deg)}to{transform:rotate(28deg)}}
.nao-art.egg-howl .star{animation:nao-eflick .24s steps(2) infinite;opacity:1}
.nao-art.egg-howl .glow{animation:nao-pulse .7s ease-in-out infinite}
@keyframes nao-eflick{0%{opacity:.1}100%{opacity:1}}
/* dandelion wish */
.egg-seed{position:fixed;z-index:9997;pointer-events:none;opacity:0;overflow:visible}
/* bugs scatter */
.nao-grass .gb.egg-scare{animation-play-state:paused}
.nao-grass .gb.egg-scare .gbw{animation:nao-scurry .55s ease-in forwards}
.nao-grass .gb.egg-back .gbw{animation:nao-bw .32s ease-in-out infinite alternate,nao-eback .9s ease-out both}
@keyframes nao-scurry{0%{transform:translate(0,0);opacity:1}30%{transform:translate(calc(var(--run,1) * 12px),-3px)}100%{transform:translate(calc(var(--run,1) * 40px),24px) scale(.6);opacity:0}}
@keyframes nao-eback{from{opacity:0}to{opacity:1}}
.egg-fly{position:fixed;z-index:9997;pointer-events:none;overflow:visible}
.egg-fly .lw{animation:nao-lwing .07s ease-in-out infinite alternate}
@keyframes nao-lwing{from{transform:scaleY(.25)}to{transform:scaleY(1)}}
/* deer herd */
.egg-herd .d-body path,.egg-herd .d-body{fill:#1a110a}
.egg-herd .antler{fill:none;stroke:#1a110a;stroke-width:2.6;stroke-linecap:round}
.egg-herd .dl{fill:none;stroke:#1a110a;stroke-width:4;stroke-linecap:round}
.egg-overlay{position:fixed;left:0;right:0;bottom:0;width:100%;height:100%;z-index:9996;pointer-events:none}
/* hero fishing */
.egg-rod .rod{fill:none;stroke:#5a3b1e;stroke-width:2.4;stroke-linecap:round}
.egg-rod .line{fill:none;stroke:#e9eef0;stroke-width:.8;opacity:.85}
.egg-rod .bw{fill:none;stroke:#fff;stroke-width:1;opacity:.6}
.egg-rod .bobber{animation:nao-bob2 2.4s ease-in-out infinite}
.egg-rod.dip .bobber{animation:none;transform:translateY(5px)}
@keyframes nao-bob2{0%,100%{transform:translateY(0)}50%{transform:translateY(1.6px)}}
/* hero campfire */
.nao-art .egg-fire{display:none}
:root[data-tod=dawn] .nao-art .egg-fire,:root[data-tod=dusk] .nao-art .egg-fire,:root[data-tod=night] .nao-art .egg-fire{display:inline}
.egg-fire .egg-sp{fill:#ffcf6a;opacity:0;animation:nao-esp 2.2s ease-out infinite}
:root[data-tod=dawn] .egg-fire .egg-sp{display:none}
@keyframes nao-esp{0%{opacity:0;transform:translate(0,0)}15%{opacity:1}100%{opacity:0;transform:translate(var(--sx,6px),-64px) scale(.3)}}
.egg-fire .egg-big{opacity:0;transition:opacity .6s}
.egg-fire.big .egg-big{opacity:1}
.egg-fire .egg-log{animation:nao-elog .35s ease-out both}
@keyframes nao-elog{from{opacity:0;transform:translateY(-8px)}to{opacity:1}}
/* 404 lost hiker */
.egg-404{position:relative;margin:0 0 28px;overflow:hidden;background:#07101c;border-bottom:4px solid #c9a064}
.egg-404 svg{display:block;width:100%;height:clamp(260px,38vw,440px);touch-action:none}
.egg-404 a{cursor:pointer}
.egg-404-cap{position:absolute;left:0;right:0;bottom:10px;margin:0;text-align:center;font:italic 600 15px/1.3 var(--wm-slab,Georgia,serif);color:#f3e9c5;text-shadow:0 1px 6px #000;pointer-events:none}
@media (prefers-reduced-motion:reduce){.egg-wolf *,.egg-rod .bobber,.egg-fire .egg-sp{animation:none!important}}

/* ---------- 27. 1.15.2 — hero text halo (light text on the moon / mist) ---------- */
/* Light ink only appears at night, where the moon and mist sit behind the headline. Soft dark halo: tight edge + wide blur.
   The headline uses filter:drop-shadow because its per-word reveal wrappers (overflow:hidden) would clip a text-shadow into boxes. */
:root{--halo:none;--halo-f:none}
:root[data-tod="night"]{
  --halo:0 0 1px rgba(4,9,8,.7),0 1px 3px rgba(4,9,8,.6),0 2px 10px rgba(4,9,8,.5),0 0 22px rgba(4,9,8,.38);
  --halo-f:drop-shadow(0 0 2px rgba(4,9,8,.65)) drop-shadow(0 3px 6px rgba(4,9,8,.5)) drop-shadow(0 0 20px rgba(4,9,8,.5))}
.nao-hero-full h1,.nao-has-scene h1{filter:var(--halo-f)}
.nao-hero-full .eyebrow,.nao-hero-full .hero-deck,.nao-hero-full .hero-footnote,.nao-hero-full .text-link,
.nao-has-scene p,.nao-has-scene .eyebrow{text-shadow:var(--halo)}

/* ---------- 28. 1.16.0 — "Ask Buck" questions: Buck-styled collapsed answers on every page type ---------- */
.nao-wow .nao-faq-head h2{font-family:var(--wm-slab);text-transform:uppercase;letter-spacing:-.005em;line-height:1.02}
.nao-wow .nao-faq-head .eyebrow{color:var(--wm-orange)}
.nao-wow .nao-q{position:relative;color:var(--wm-text);background:var(--wm-cream);border:var(--rb,4px) solid var(--wm-edge);border-image:var(--rough) 28 / var(--rb,4px) stretch;border-radius:0;box-shadow:5px 5px 0 var(--wm-shadow);transition:transform .18s,box-shadow .18s}
.nao-wow .nao-q:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--wm-shadow)}
.nao-wow .nao-q[open]{box-shadow:5px 5px 0 var(--wm-orange);transform:none}
.nao-wow .nao-q>summary{font-family:var(--wm-slab);font-weight:800;font-size:1.06rem;padding-left:1.15rem}
.nao-wow .nao-q>summary::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--wm-orange);transform:scaleY(0);transform-origin:top;transition:transform .25s}
.nao-wow .nao-q[open]>summary::before,.nao-wow .nao-q>summary:hover::before{transform:scaleY(1)}
.nao-wow .nao-q>summary::after{content:"+";font-family:var(--wm-slab);font-weight:900;font-size:1.5rem;color:var(--wm-orange);transition:transform .25s}
.nao-wow .nao-q[open]>summary::after{content:"+";transform:rotate(135deg)}
.nao-wow .nao-q-g{font-family:var(--wm-slab);color:#fff;background:var(--wm-forest);padding:.2rem .5rem;opacity:1;letter-spacing:.12em;transform:rotate(-1.5deg)}
.nao-wow .nao-q[open] .nao-q-g{background:var(--wm-orange)}
.nao-wow .nao-q-a{border-top:2px dashed var(--wm-edge);margin:0 1rem;padding:.7rem 0 1rem;animation:nao-faq-in .3s ease-out}
.nao-wow .nao-q-a a{color:var(--wm-orange-h);text-decoration-thickness:2px;text-underline-offset:.18em}
.nao-wow .nao-q-a a:hover{color:var(--wm-orange)}
:root[data-tod=night] .nao-wow .nao-q-a a{color:#f0a04b}
:root[data-tod=night] .nao-wow .nao-q-g{background:#2f6a3f}
@keyframes nao-faq-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.nao-wow .nao-q,.nao-wow .nao-q>summary::before,.nao-wow .nao-q>summary::after{transition:none}.nao-wow .nao-q-a{animation:none}.nao-wow .nao-q:hover{transform:none}}

/* ==========================================================================
   29. Filter search box (1.17.0): matches the selects, with the Buck rough edge in wild mode
   ========================================================================== */
.nao-wow .filters .nao-fs input[type=search]{border-color:var(--line2);background-color:var(--white);color:var(--ink);transition:border-color .2s,box-shadow .2s}
.nao-wow .filters .nao-fs input[type=search]:focus{border-color:var(--rust);box-shadow:0 0 0 3px rgba(201,162,39,.25);outline:0}
.nao-wow .filters .nao-fs input[type=search]::placeholder{color:var(--ink);opacity:.55}
body[data-tod=night] .filters .nao-fs input[type=search]{background-color:var(--white);color:var(--ink)}

/* ==========================================================================
   30. Kind tints (1.18.0): Photo spot, Wildlife viewing area, State park lodging
   ========================================================================== */
.outdoor-card[data-kind="photo spot"]{--kt:#a05a7a}
.outdoor-card[data-kind="wildlife viewing area"]{--kt:#8a6414}
.outdoor-card[data-kind="state park lodging"]{--kt:#9c593d}
.outdoor-card[data-kind] .card-image .image-caption{box-shadow:inset 4px 0 0 var(--kt);padding-left:calc(.75em + 4px)}
.outdoor-card[data-kind] .eyebrow{color:var(--kt)}
:root[data-tod=night] .outdoor-card[data-kind] .eyebrow{filter:brightness(1.35)}
.photo-nearby{margin-top:0}