.header-action>svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}.header-action:hover>svg{transform:translateY(-1px)}.contact-icon svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.wishlist-toggle,.header-action,.button,.add-button,.category-card,.product-card,.main-nav a,.text-link,.contact-call{transition:all .22s cubic-bezier(.2,.75,.25,1)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8da66f;outline-offset:3px}.product-image-wrap{isolation:isolate}.wishlist-toggle.is-saved{background:#fff0ee}.auth-page .button-dark:hover,.contact-page .button-dark:hover{background:#347050}.hero-image{will-change:transform}.newsletter-form button:hover{filter:brightness(1.04)}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.scroll-progress{position:fixed;z-index:120;inset:0 0 auto;height:3px;pointer-events:none}.scroll-progress span{display:block;width:var(--scroll-progress,0%);height:100%;background:linear-gradient(90deg,var(--lime),#a8c66d,var(--green2));transform-origin:left;transition:width .12s linear}
.site-header{position:sticky;top:0;z-index:60;background:rgba(247,247,242,.94);backdrop-filter:blur(14px);transition:box-shadow .25s ease,background-color .25s ease}.site-header.is-scrolled{box-shadow:0 9px 25px rgba(29,39,33,.07)}.header-action.support-action{color:#536057}.header-action.support-action small{font-weight:500}.main-nav .nav-support{font-weight:500;color:#7a847b}
.main-nav>a{position:relative}.main-nav>a:not(.nav-support)::after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:2px;border-radius:2px;background:var(--green2);transition:right .22s ease}.main-nav>a:hover::after{right:0}
.hero{isolation:isolate;background:radial-gradient(ellipse at 86% 12%,rgba(205,228,132,.13),transparent 36%),linear-gradient(118deg,#1c382a,#254a36 58%,#1b3528)}.hero:before{animation:hero-glow 11s ease-in-out infinite alternate}.hero-art-card{backface-visibility:hidden}.hero-art-card.card-a{animation:float-card 7.5s ease-in-out infinite}.hero-art-card.card-b{animation:float-card 8.5s ease-in-out -2s infinite reverse}.hero-art-card.card-c{animation:float-card 9s ease-in-out -3s infinite}.hero-art-label{animation:float-label 6s ease-in-out -1s infinite}
.category-card:hover,.product-card:hover{transform:translateY(-6px)}.product-image img,.category-image img{transition:transform .6s cubic-bezier(.2,.75,.25,1)}.product-card:hover .product-image img,.category-card:hover .category-image img{transform:scale(1.055)}.add-button{transition:background-color .22s ease,border-color .22s ease,color .22s ease,transform .22s ease}.add-button:hover{transform:translateY(-2px)}.button:active,.add-button:active,.header-action:active{transform:scale(.97)}.wishlist-panel{animation:panel-enter .3s cubic-bezier(.2,.75,.25,1)}.toast.show{animation:toast-enter .32s cubic-bezier(.2,.75,.25,1)}
.contact-direct{background:#fff;border-color:var(--line)}.contact-direct:after{display:none}.contact-direct-title{display:flex;align-items:center;gap:12px}.contact-direct .contact-icon{background:var(--soft)}.contact-direct-title .eyebrow{margin:0 0 4px;color:#879087}.contact-direct>p{color:var(--muted)}.contact-direct h2{font-size:20px;margin:0}.contact-options{display:grid;gap:8px;margin-top:15px}.contact-method{display:flex;align-items:center;gap:11px;padding:11px 12px;border:1px solid #ecefe8;border-radius:12px;background:#fbfcf9;transition:border-color .2s ease,transform .2s ease,background-color .2s ease}.contact-method:hover{transform:translateX(3px);border-color:#cbd7c6;background:#fff}.contact-method-icon{width:32px;height:32px;display:grid;place-items:center;flex:none;border-radius:10px;background:#eef2e9;color:var(--green);font-size:15px}.contact-method-copy{min-width:0;flex:1}.contact-method-copy strong,.contact-method-copy small{display:block}.contact-method-copy strong{font-size:9px}.contact-method-copy small{margin-top:3px;color:var(--muted);font-size:8px;overflow-wrap:anywhere}.contact-method-arrow{color:#89938a;font-size:12px}.contact-form-card{box-shadow:0 12px 34px rgba(29,39,33,.035)}.contact-submit{min-width:170px}.contact-heading .eyebrow{color:#8b958a}
@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-old(root){animation:page-out .18s ease both}::view-transition-new(root){animation:page-in .28s ease both}.hero-art-empty .hero-art-card{transform-origin:center}.hero-image{animation:hero-image-in .8s .08s both cubic-bezier(.2,.75,.25,1)}.motion-ready .motion-in{transition:opacity .72s cubic-bezier(.2,.75,.25,1),transform .72s cubic-bezier(.2,.75,.25,1);transform:translateY(18px) scale(.99)}.motion-ready .motion-in.is-visible{transform:none}}
@keyframes hero-glow{from{transform:translate3d(-8px,0,0) scale(.96);opacity:.65}to{transform:translate3d(12px,10px,0) scale(1.06);opacity:1}}@keyframes float-card{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes float-label{0%,100%{translate:0 0;rotate:-3deg}50%{translate:0 -5px;rotate:-1deg}}@keyframes hero-image-in{from{opacity:0;transform:translateY(14px) rotate(1deg) scale(.985)}to{opacity:1;transform:translateY(0) rotate(3deg) scale(1)}}@keyframes panel-enter{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}@keyframes toast-enter{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes page-out{to{opacity:.96}}@keyframes page-in{from{opacity:.96;translate:0 4px}to{opacity:1;translate:0 0}}
@media(max-width:700px){.site-header{position:relative;top:auto;backdrop-filter:none}.hero-art-empty .hero-art-card{animation-duration:9s}.contact-options{grid-template-columns:1fr 1fr}.contact-method{gap:8px;padding:10px}.contact-method-copy small{font-size:7px}}
@media(max-width:430px){.contact-options{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.scroll-progress span{transition:none}.site-header{position:static;backdrop-filter:none}}
