/* Final motion layer: a common clock prevents cards overtaking each other. */
.hero-door-routes {overflow:visible;mask-image:none;-webkit-mask-image:none}
.hero-door-routes :is(.route-card,.lamsa-float) {
  position:absolute;left:0;top:0;right:auto;bottom:auto;
  width:min(var(--float-width,94px),7vw);height:auto;
  aspect-ratio:var(--float-ratio,1);border-radius:var(--float-radius,15px);
  padding:0;border:0;background:transparent;backdrop-filter:none;
  rotate:0deg;translate:none;transform:none;
  offset-path:ellipse(45% 40% at 50% 50%);offset-rotate:0deg;
  animation:lamsa-orbit 84s linear infinite,lamsa-depth 84s linear infinite;
  animation-delay:var(--float-delay,0s);animation-fill-mode:both;
  box-shadow:0 5px 14px #06171140;will-change:offset-distance;
  pointer-events:auto;display:block;overflow:hidden;
  transition:box-shadow .25s ease;
}
.hero-door-routes :is(.route-card,.lamsa-float) img {width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit;display:block;transition:scale .3s ease}
.hero-door-routes > :nth-child(1){--float-delay:0s;--float-stop:0%;--float-width:94px}
.hero-door-routes > :nth-child(2){--float-delay:-14s;--float-stop:16.6667%;--float-ratio:2 / 3;--float-width:86px}
.hero-door-routes > :nth-child(3){--float-delay:-28s;--float-stop:33.3333%;--float-radius:50%}
.hero-door-routes > :nth-child(4){--float-delay:-42s;--float-stop:50%;--float-ratio:3 / 2;--float-width:116px}
.hero-door-routes > :nth-child(5){--float-delay:-56s;--float-stop:66.6667%}
.hero-door-routes > :nth-child(6){--float-delay:-70s;--float-stop:83.3333%;--float-ratio:2 / 3;--float-width:86px}
@keyframes lamsa-orbit {from{offset-distance:0%}to{offset-distance:100%}}
@keyframes lamsa-depth {0%,100%{scale:.94;z-index:1}25%{scale:1;z-index:2}50%{scale:.94;z-index:1}75%{scale:.88;z-index:0}}
.product-card {animation:none}
:is(button,a,[role="button"]):not(:disabled) {touch-action:manipulation}
:is(.button,.notify-button,.language-switch button,.icon-button,.filter-chip,.finish-chip,.choice-row button,.direction-choice,.assistant-choice,.assistant-inline,.assistant-fab,.order-bar,.social-link,.experience-tile,.lamsa-main-choice,.lamsa-subcategory,.sheet-close,.quantity button,.order-controls button) {
  transition:transform .24s cubic-bezier(.2,.7,.3,1),scale .16s ease,box-shadow .24s ease,background-color .24s ease,border-color .24s ease,color .24s ease;
}
button:not(:disabled):active,a:active,[role="button"]:active {scale:.98;filter:none}
.lamsa-tap-pop {animation:none}
.card-open:focus-visible {outline-offset:-4px!important}
.product-card:focus-within {border-color:var(--gold);box-shadow:0 8px 24px #152a1c18}
@media(hover:hover) and (pointer:fine) {
  :is(.button,.notify-button,.language-switch button,.icon-button,.filter-chip,.finish-chip,.choice-row button,.direction-choice,.assistant-choice,.assistant-inline,.social-link,.lamsa-main-choice,.lamsa-subcategory):not(:disabled):hover {transform:translateY(-2px);box-shadow:0 5px 14px #06171120}
  .product-card:hover {transform:translateY(-3px);box-shadow:0 14px 28px #152a1c14}
  .hero-door-routes a:is(:hover,:focus-visible) img {scale:1.025}
  .hero-door-routes:has(a:is(:hover,:focus-visible)) :is(.route-card,.lamsa-float) {animation-play-state:paused}
}
@media(hover:none) {
  :is(.button,.notify-button,.product-card,.assistant-fab,.lamsa-main-choice,.lamsa-subcategory):hover {transform:none}
}
.motion-paused .hero-door-routes :is(.route-card,.lamsa-float) {animation-play-state:paused}
.hero-door-routes:focus-within :is(.route-card,.lamsa-float) {animation-play-state:paused}
/* Static peripheral positions for browsers without CSS motion paths. */
@supports not (offset-path:ellipse(45% 40% at 50% 50%)) {
  .hero-door-routes :is(.route-card,.lamsa-float) {animation:none;left:5%;top:20%;will-change:auto}
  .hero-door-routes > :nth-child(2) {left:45%;top:4%}
  .hero-door-routes > :nth-child(3) {left:auto;right:5%;top:20%}
  .hero-door-routes > :nth-child(4) {left:auto;right:5%;top:70%}
  .hero-door-routes > :nth-child(5) {left:45%;top:85%}
  .hero-door-routes > :nth-child(6) {left:5%;top:70%}
}
@media(max-width:760px) {
  .hero-door-routes :is(.route-card,.lamsa-float) {width:clamp(58px,18vw,94px);animation-duration:168s;animation-delay:calc(var(--float-delay,0s)*2);offset-path:inset(8% 10% round 28%);box-shadow:0 7px 20px #06171130;transition:box-shadow .4s ease}
}
@media(prefers-reduced-motion:reduce) {
  .hero-door-routes :is(.route-card,.lamsa-float) {animation:none;offset-distance:var(--float-stop,0%);scale:1;will-change:auto}
  .hero-copy,.product-card {animation:none}
  .product-card:hover {transform:none}
}