/* Shared, restrained motion for the existing Koala Valley pages. */
:root{--kv-header-height:clamp(112px,11.5vw,156px);--kv-motion-ease:cubic-bezier(.22,1,.36,1)}
@media(max-width:900px){:root{--kv-header-height:98px}}
@media(max-width:600px){:root{--kv-header-height:88px}}
html{scroll-padding-top:0}
[id]{scroll-margin-top:calc(var(--kv-header-height) + 18px)}
body[data-page="nuts"] .nuts-section[id]{scroll-margin-top:calc(var(--kv-header-height) + 73px)}
.site-header{position:sticky;top:0;z-index:60;background:rgba(255,252,243,.98);transition:background-color .28s var(--kv-motion-ease),box-shadow .28s var(--kv-motion-ease);}
.site-header.is-scrolled{background:rgba(255,252,243,.96);box-shadow:0 2px 14px rgba(27,77,32,.09);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.site-header .header-inner,.site-header .brand{transition:min-height .28s var(--kv-motion-ease),height .28s var(--kv-motion-ease),width .28s var(--kv-motion-ease)}
@media(min-width:901px){.site-header.is-scrolled .header-inner{min-height:clamp(103px,10.5vw,145px)}.site-header.is-scrolled .brand{width:clamp(101px,11.4vw,146px);height:clamp(101px,11.4vw,146px)}}
@media(min-width:601px) and (max-width:900px){.site-header.is-scrolled .header-inner{height:90px;min-height:90px}.site-header.is-scrolled .brand{width:88px;height:88px}}
@media(max-width:600px){.site-header.is-scrolled .header-inner{height:82px;min-height:82px}.site-header.is-scrolled .brand{width:75px;height:75px}}
body[data-page="nuts"] .nuts-subnav{top:var(--kv-header-height);z-index:50}
@keyframes kv-page-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
main{animation:kv-page-enter .29s var(--kv-motion-ease) backwards}
.motion-pending{opacity:0;transform:translateY(10px)}
.motion-revealing{opacity:1;transform:translateY(0);transition:opacity .45s var(--kv-motion-ease),transform .45s var(--kv-motion-ease);transition-delay:var(--kv-reveal-delay,0ms)}
.footer-landscape.motion-footer-pending{opacity:0;transform:translateY(12px)}
.footer-landscape.motion-footer-visible{opacity:1;transform:translateY(0);transition:opacity .62s var(--kv-motion-ease),transform .62s var(--kv-motion-ease)}
img.motion-image-loading{opacity:0;transition:opacity .28s ease}
img.motion-image-loading.motion-image-loaded{opacity:1}
@media(hover:hover) and (pointer:fine){
  .film-play{left:50%;top:50%;right:auto;bottom:auto;width:56px;height:56px;min-height:56px;padding:0;justify-content:center;gap:0;transform:translate(-50%,-50%);opacity:0;pointer-events:none;background:rgba(27,77,32,.68);border:1px solid rgba(255,252,243,.8);box-shadow:0 2px 12px rgba(0,0,0,.18);transition:opacity .22s ease,background-color .22s ease,box-shadow .22s ease}
  .hero:hover .film-play,.hero:focus-within .film-play,.film-play[data-playing="false"]{opacity:1;pointer-events:auto}
  .film-play:hover{background:rgba(27,77,32,.88);box-shadow:0 4px 16px rgba(0,0,0,.22)}
  .film-play svg{width:24px;height:24px}
  .film-play-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  body[data-page="home"] .product{overflow:hidden;transition:transform .3s var(--kv-motion-ease),box-shadow .3s var(--kv-motion-ease)}
  body[data-page="home"] .product:hover{transform:translateY(-3px);box-shadow:0 8px 18px rgba(27,77,32,.07)}
  body[data-page="home"] .product-link img{transition:transform .5s var(--kv-motion-ease),filter .25s ease}
  body[data-page="home"] .product-link:hover img{transform:scale(1.03)}
  .shop-page .product-card,.shop-page .bundle-card,.oats-card{transition:transform .3s var(--kv-motion-ease),box-shadow .3s var(--kv-motion-ease)}
  .shop-page .product-card:hover,.shop-page .bundle-card:hover,.oats-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(27,77,32,.08)}
  .shop-page .product-image,.oats-card{overflow:hidden}
  .shop-page .product-image img,.shop-page .bundle-image img,.oats-card-photo{transition:transform .5s var(--kv-motion-ease)}
  .shop-page .product-card:hover .product-image img,.shop-page .bundle-card:hover .bundle-image img,.oats-card:hover .oats-card-photo{transform:scale(1.03)}
  .gold-button:hover,.nuts-enquire:hover,.oats-enquiry a:hover,.contact-form button:hover{transform:translateY(-1px);box-shadow:0 6px 15px rgba(27,77,32,.13)}
}
@media(hover:none){.film-play{opacity:.88;min-width:48px;min-height:48px;pointer-events:auto}}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  main{animation:none}
  .site-header,.site-header .header-inner,.site-header .brand,.motion-revealing,.footer-landscape.motion-footer-visible,.film-play,.shop-page .product-card,.shop-page .bundle-card,.oats-card,.product-link img{transition-duration:.01ms!important}
  .motion-pending,.motion-revealing,.footer-landscape.motion-footer-pending,.footer-landscape.motion-footer-visible,img.motion-image-loading{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce) and (hover:hover) and (pointer:fine){.shop-page .product-card:hover,.shop-page .bundle-card:hover,.oats-card:hover,body[data-page="home"] .product:hover,body[data-page="home"] .product-link:hover img,.shop-page .product-card:hover .product-image img,.shop-page .bundle-card:hover .bundle-image img,.oats-card:hover .oats-card-photo{transform:none}}