/* Homepage-only supporting props; phone scale, copy and project spacing stay locked. */
.home-floating-prop { position:absolute; display:block; pointer-events:none; }
.home-floating-prop > img { display:block; width:100%; height:auto; }
.mutton-floating-cleaver { left:6%; top:42%; width:20%; z-index:3; rotate:-12deg; filter:drop-shadow(0 10px 12px rgb(75 58 44 / 12%)); }
.search-floating-filter { left:8%; top:52%; width:68px; height:68px; z-index:2; rotate:10deg; }
.home-filter-tile { display:grid; place-items:center; width:100%; height:100%; border-radius:21px; background:linear-gradient(145deg,#fff,#f3effb); border:1px solid #eeedf3; box-shadow:0 14px 26px -9px rgb(95 80 144 / 19%),inset -2px -3px 4px #eeebf5; color:#8a71bf; }
.home-filter-tile svg { width:38px; height:38px; }
.home-filter-tile rect { fill:#fbf9ff; }
.search-floating-query { right:0; top:83%; z-index:6; rotate:7deg; }
.search-mock .search-pepper-dot { display:none; }
.home-query-chip { display:flex; align-items:center; gap:12px; padding:15px 18px; white-space:nowrap; color:#48546d; font-size:.9rem; font-weight:550; background:#fff; border:1px solid #eeedf3; border-radius:22px; box-shadow:0 14px 26px -9px rgb(95 80 144 / 19%); }
.home-query-chip i { position:relative; width:15px; height:15px; border:1.6px solid #7b71a8; border-radius:50%; }
.home-query-chip i::after { content:""; position:absolute; width:6px; height:1.6px; background:#7b71a8; right:-5px; bottom:-2px; rotate:45deg; border-radius:2px; }
.freshness-home-phone { z-index:2; }
.freshness-home-leaf { z-index:3; }
.freshness-home-note { z-index:4; }
.freshness-floating-camera { right:0; top:56%; width:27%; z-index:3; rotate:10deg; filter:drop-shadow(0 12px 14px rgb(72 100 88 / 13%)); }
.freshness-floating-batch { right:1%; top:14%; z-index:3; rotate:10deg; }
.freshness-batch-tag { display:flex; align-items:center; gap:10px; padding:12px 16px; color:#617d6c; background:linear-gradient(145deg,#fff,#f4f7f1); border:1px solid #e6ece3; border-radius:17px; box-shadow:0 14px 24px -9px rgb(76 111 89 / 16%); font-size:13px; line-height:1.4; }
.freshness-batch-tag svg { width:27px; height:27px; }
.freshness-batch-tag strong { font-weight:650; }
.freshness-floating-clock { left:11%; top:40%; width:68px; height:68px; z-index:3; rotate:-12deg; }
.freshness-clock-tile { display:grid; place-items:center; width:100%; height:100%; border-radius:21px; background:linear-gradient(145deg,#fff,#eff8f2); border:1px solid #dfebe3; box-shadow:0 15px 24px -8px rgb(76 111 89 / 18%),inset -2px -3px 4px #e4eee6; }
.freshness-clock-tile i { display:block; position:relative; width:33px; height:33px; border:2px solid #65977b; border-radius:50%; }
.freshness-clock-tile i::before,.freshness-clock-tile i::after { content:""; position:absolute; width:2px; left:14px; top:6px; height:10px; background:#65977b; border-radius:2px; transform-origin:50% 100%; }
.freshness-clock-tile i::after { top:9px; height:7px; rotate:120deg; }
.home-floating-prop > :first-child { animation:home-prop-drift 5.8s ease-in-out infinite; animation-play-state:paused; }
.search-floating-query > :first-child { animation-duration:6.4s; animation-delay:-2.1s; }
.freshness-floating-batch > :first-child { animation-delay:-1.6s; }
.freshness-floating-clock > :first-child { animation-duration:6.2s; animation-delay:-3s; }
.freshness-floating-camera > :first-child { animation-delay:-.8s; }
.mutton-floating-cleaver > :first-child { animation-delay:-1.2s; }
.is-motion-active .home-floating-prop > :first-child { animation-play-state:running; }
.freshness-home-art > .freshness-home-leaf { animation:home-prop-drift 6.4s ease-in-out -2s infinite; animation-play-state:paused; }
.freshness-home-art.is-motion-active > .freshness-home-leaf { animation-play-state:running; }
/* Match the visible, gentle excursion of the FnS/Mutton supporting objects. */
@keyframes home-prop-drift { 0%,100% { translate:0 0; } 50% { translate:3px -8px; } }
/* Keep additions inside the existing stacked composition, without changing its layout. */
@media(max-width:1121px) {
  .search-floating-filter { left:9%; top:43%; }
  .search-floating-query { right:2%; top:72%; }
  .freshness-floating-camera { right:0; top:55%; width:27%; }
  .freshness-floating-batch { right:1%; top:18%; }
  .freshness-floating-clock { left:8%; top:39%; width:60px; height:60px; }
}
@media(max-width:650px) {
  .home-query-chip { font-size:.75rem; padding:11px 12px; gap:9px; }
  .search-floating-query { top:75%; right:0; }
  .search-floating-filter { left:3%; top:52%; width:54px; height:54px; }
  .home-filter-tile svg { width:31px; height:31px; }
  .mutton-floating-cleaver { left:6%; top:35%; width:26%; }
  .freshness-floating-clock { left:3%; width:54px; height:54px; }
  .freshness-floating-batch { right:0; top:15%; }
  .freshness-batch-tag { padding:9px 11px; gap:7px; font-size:11px; }
  .freshness-batch-tag svg { width:23px; height:23px; }
  .freshness-floating-camera { right:0; top:64%; width:27%; }
}
@media(prefers-reduced-motion:reduce) {
  .home-floating-prop > :first-child,.freshness-home-art > .freshness-home-leaf { animation:none; }
}