/* ═══ Indori Poha — 3D bowl + CSS flake mound + garnishes ═══ */

.dish--poha {
  --ph-bowl-light: #8b5a96;
  --ph-bowl-mid: #5c2d66;
  --ph-bowl-deep: #2a0f30;
  --ph-bowl-rim: #3c1642;
  --ph-interior: #1a081e;
  --ph-lemon-rind: #fcd116;
  --ph-lemon-flesh: #fbe134;
  --ph-sev: #f97316;
  --ph-peanut: #d97706;
  --ph-bezier: var(--food-bezier-spring);
  --ph-dur: var(--food-dur);
}

.poha-art {
  position: relative;
  width: 360px;
  height: 340px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  perspective: var(--food-perspective);
}

.poha-stage-3d {
  position: relative;
  width: 280px;
  height: 260px;
  transform-style: preserve-3d;
  transform: rotateX(var(--food-rest-tilt-x)) rotateY(var(--food-rest-tilt-y));
  animation: food-stage-levitate 7.5s ease-in-out infinite alternate;
  z-index: 2;
  transition: transform var(--ph-dur) var(--ph-bezier);
}

.dish--poha:not(.order-card):is(:hover, .is-raised, :focus-within) .poha-stage-3d {
  transform: rotateX(24deg) rotateY(-2deg) translateY(-8px);
}

.dish--poha:not(.order-card):is(:hover, .is-raised, :focus-within) .bowl-outer {
  box-shadow:
    0 38px 62px rgba(0, 0, 0, 0.42),
    inset -12px -12px 22px rgba(0, 0, 0, 0.55),
    inset 12px 12px 22px rgba(255, 255, 255, 0.16);
}

.dish--poha:not(.order-card):is(:hover, .is-raised, :focus-within) .poha-mound {
  transform: scale(1.04) translateZ(2px);
}

.dish--poha:not(.order-card):is(:hover, .is-raised, :focus-within) .lemon-container {
  transform: rotate(-10deg) translateY(-10px) translateZ(8px) scale(1.08);
}

.poha-thermal-glow {
  top: 28%;
  width: 190px;
  height: 150px;
}

.poha-art .bowl-shadow,
.poha-art .floor-shadow-occlusion {
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 220px;
  height: 28px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(28, 11, 36, 0.48) 0%, transparent 72%);
  filter: blur(14px);
  z-index: 0;
}

.poha-art .bowl-outer {
  position: relative;
  width: 272px;
  height: 272px;
  margin: 0 auto;
  border-radius: 50%;
  padding: 10px;
  box-sizing: border-box;
  background:
    repeating-conic-gradient(from 0deg, rgba(255, 255, 255, 0.04) 0deg 14deg, transparent 14deg 28deg),
    radial-gradient(circle at 30% 24%, var(--ph-bowl-light) 0%, var(--ph-bowl-mid) 48%, var(--ph-bowl-deep) 100%);
  box-shadow:
    inset -10px -10px 22px rgba(0, 0, 0, 0.62),
    inset 10px 10px 22px rgba(255, 255, 255, 0.18),
    0 18px 38px rgba(0, 0, 0, 0.32);
  transform: translateZ(6px);
  transform-style: preserve-3d;
  transition: box-shadow 0.5s var(--ph-bezier), transform 0.5s var(--ph-bezier);
}

.poha-art .bowl-rim-lip {
  position: absolute;
  inset: 6px;
  border-radius: 50%;
  border-top: 3px solid rgba(255, 255, 255, 0.28);
  box-shadow:
    inset 0 4px 8px rgba(255, 255, 255, 0.15),
    inset 0 -3px 6px rgba(0, 0, 0, 0.2);
  pointer-events: none;
  z-index: 3;
  transform: translateZ(4px);
}

.poha-art .bowl-outer::before {
  content: '';
  position: absolute;
  inset: 16px;
  border-radius: 50%;
  background: radial-gradient(
    ellipse at 28% 18%,
    rgba(255, 255, 255, 0.42),
    rgba(255, 255, 255, 0.05) 38%,
    transparent 58%
  );
  mix-blend-mode: screen;
  pointer-events: none;
}

.poha-art .bowl-rim {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  padding: 5px;
  box-sizing: border-box;
  background: var(--ph-bowl-rim);
  box-shadow:
    inset 0 3px 6px rgba(255, 255, 255, 0.22),
    0 4px 10px rgba(0, 0, 0, 0.45);
}

.poha-art .bowl-interior {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 50%;
  background: radial-gradient(circle, #2a102f 50%, var(--ph-interior) 100%);
  box-shadow: inset 0 10px 22px rgba(0, 0, 0, 0.88);
  contain: layout style paint;
}

.poha-art .bowl-interior::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: radial-gradient(circle, transparent 52%, rgba(0, 0, 0, 0.2) 100%);
  pointer-events: none;
  z-index: 4;
}

.poha-art .poha-mound {
  position: absolute;
  inset: 6%;
  border-radius: 50%;
  z-index: 2;
  overflow: hidden;
  transform: translateZ(2px);
  transition: transform 0.5s var(--ph-bezier);
}

.poha-art .poha-mound__base {
  position: absolute;
  inset: 8%;
  border-radius: 50%;
  background:
    radial-gradient(ellipse 70% 62% at 48% 42%, #f4d36a 0%, #e8b83a 38%, #c4921c 68%, #8a6410 100%),
    repeating-radial-gradient(circle at 46% 44%, rgba(255, 248, 210, 0.35) 0 2px, transparent 2px 7px);
  box-shadow:
    inset 0 -18px 28px rgba(80, 40, 8, 0.28),
    inset 8px 10px 18px rgba(255, 255, 220, 0.22);
}

.poha-art .poha-flake-field {
  position: absolute;
  left: 50%;
  top: 46%;
  width: 11px;
  height: 7px;
  border-radius: 50%;
  pointer-events: none;
}

.poha-art .poha-flake-field--far {
  background: hsl(47, 78%, 58%);
  filter: blur(1.6px);
  opacity: 0.85;
  box-shadow:
    -5.7px -73.6px 0 5.8px hsl(50,88%,74%),
    23.5px -71.2px 0 5.7px hsl(49,88%,68%),
    25.0px -72.6px 0 4.3px hsl(48,88%,74%),
    -87.6px -22.4px 0 5.5px hsl(49,88%,72%),
    -9.3px 74.0px 0 4.4px hsl(50,88%,73%),
    33.8px 46.0px 0 5.2px hsl(46,88%,66%),
    -63.2px -34.0px 0 4.8px hsl(49,88%,73%),
    41.2px -67.9px 0 3.4px hsl(47,88%,72%),
    21.3px 72.8px 0 3.9px hsl(47,88%,65%),
    -72.6px -46.5px 0 3.6px hsl(47,88%,60%),
    80.0px -21.9px 0 5.0px hsl(46,88%,70%),
    70.1px -6.9px 0 3.4px hsl(50,88%,64%),
    -84.8px 18.4px 0 4.6px hsl(48,88%,68%),
    70.0px -47.5px 0 3.7px hsl(48,88%,59%),
    86.0px 3.7px 0 5.6px hsl(48,88%,70%),
    57.2px -59.4px 0 5.4px hsl(49,88%,58%),
    63.4px -61.4px 0 4.4px hsl(49,88%,70%),
    66.7px 17.7px 0 5.2px hsl(47,88%,67%),
    -7.8px 67.3px 0 4.5px hsl(48,88%,65%),
    -68.9px -27.4px 0 4.5px hsl(47,88%,71%),
    64.6px -14.6px 0 4.9px hsl(48,88%,68%),
    11.2px 70.4px 0 5.4px hsl(48,88%,63%),
    5.0px 48.2px 0 5.6px hsl(46,88%,58%),
    -74.3px 1.5px 0 3.4px hsl(49,88%,58%),
    -8.7px -73.1px 0 5.5px hsl(48,88%,62%),
    0.1px 73.0px 0 3.9px hsl(46,88%,59%),
    -76.3px 17.8px 0 4.4px hsl(47,88%,64%),
    79.4px -9.4px 0 3.9px hsl(47,88%,70%),
    84.8px -21.6px 0 5.4px hsl(48,88%,66%),
    -65.9px 54.8px 0 5.1px hsl(48,88%,58%),
    -7.2px 58.7px 0 3.8px hsl(45,88%,69%),
    88.4px -23.9px 0 5.2px hsl(45,88%,59%),
    -65.9px -33.8px 0 5.4px hsl(46,88%,64%),
    -70.0px -28.6px 0 3.8px hsl(49,88%,62%),
    -80.7px -10.0px 0 4.7px hsl(48,88%,61%),
    48.9px 63.9px 0 5.0px hsl(46,88%,72%),
    -55.1px -46.9px 0 4.8px hsl(47,88%,63%),
    -86.2px -17.3px 0 5.2px hsl(50,88%,61%),
    19.8px 50.0px 0 3.5px hsl(46,88%,67%),
    -29.4px 50.3px 0 4.7px hsl(45,88%,67%),
    91.7px -2.3px 0 5.6px hsl(48,88%,70%),
    -8.3px 73.7px 0 4.7px hsl(46,88%,60%),
    60.7px -59.7px 0 3.5px hsl(50,88%,65%),
    34.6px -66.8px 0 5.3px hsl(47,88%,61%),
    -69.5px -56.7px 0 4.1px hsl(49,88%,59%),
    -45.2px -74.4px 0 3.4px hsl(48,88%,69%),
    -84.6px -1.4px 0 3.2px hsl(50,88%,68%),
    74.3px -9.1px 0 3.5px hsl(48,88%,73%),
    74.0px 27.1px 0 5.0px hsl(47,88%,72%),
    -30.2px 65.2px 0 5.1px hsl(48,88%,63%),
    23.2px -80.1px 0 4.8px hsl(50,88%,66%),
    15.6px -82.8px 0 4.4px hsl(49,88%,73%),
    48.9px 59.8px 0 4.0px hsl(50,88%,66%),
    59.5px -65.9px 0 3.9px hsl(46,88%,60%),
    30.9px -78.6px 0 5.2px hsl(48,88%,65%),
    70.7px -1.1px 0 4.1px hsl(49,88%,70%),
    -42.8px 63.4px 0 3.7px hsl(48,88%,68%),
    26.3px -79.4px 0 5.3px hsl(46,88%,69%),
    56.4px -62.2px 0 5.5px hsl(47,88%,66%),
    13.4px 61.0px 0 4.6px hsl(50,88%,66%),
    -38.5px 57.9px 0 3.4px hsl(49,88%,64%),
    -2.1px 52.0px 0 4.5px hsl(50,88%,71%),
    86.3px -5.4px 0 4.9px hsl(46,88%,73%),
    -68.2px -27.1px 0 5.3px hsl(48,88%,72%),
    -3.4px -73.4px 0 3.8px hsl(45,88%,67%),
    -31.4px 59.3px 0 4.0px hsl(50,88%,65%),
    62.2px -34.9px 0 4.4px hsl(49,88%,69%),
    -83.3px 5.9px 0 4.3px hsl(49,88%,69%),
    30.3px -71.9px 0 4.1px hsl(50,88%,68%),
    23.4px 47.1px 0 4.0px hsl(48,88%,66%),
    0.4px -78.9px 0 5.1px hsl(46,88%,61%),
    39.9px 68.3px 0 5.1px hsl(47,88%,61%),
    0.4px 65.2px 0 3.7px hsl(50,88%,63%),
    -73.9px 9.1px 0 3.9px hsl(50,88%,73%);
}

.poha-art .poha-flake-field--mid {
  background: hsl(48, 86%, 64%);
  filter: blur(0.6px);
  box-shadow:
    -10.3px 28.2px 0 5.4px hsl(48,88%,61%),
    -56.0px -11.2px 0 5.6px hsl(49,88%,71%),
    -40.1px -29.8px 0 5.0px hsl(47,88%,59%),
    -48.8px -44.3px 0 4.4px hsl(46,88%,72%),
    6.4px -52.2px 0 3.5px hsl(46,88%,69%),
    -37.3px -36.9px 0 4.6px hsl(50,88%,69%),
    4.8px -68.1px 0 3.4px hsl(50,88%,69%),
    3.4px 35.4px 0 5.7px hsl(47,88%,64%),
    23.4px 16.6px 0 4.9px hsl(48,88%,60%),
    -17.6px -55.6px 0 3.3px hsl(50,88%,58%),
    39.4px -35.1px 0 5.8px hsl(47,88%,65%),
    -43.3px -25.7px 0 3.4px hsl(49,88%,64%),
    -5.6px -66.8px 0 4.7px hsl(49,88%,64%),
    23.3px 27.5px 0 5.2px hsl(46,88%,68%),
    44.5px -16.3px 0 3.9px hsl(49,88%,58%),
    -41.5px -8.5px 0 4.6px hsl(46,88%,62%),
    22.6px 17.4px 0 4.9px hsl(46,88%,61%),
    31.8px -46.7px 0 3.2px hsl(45,88%,62%),
    48.4px 1.2px 0 3.2px hsl(46,88%,68%),
    -35.7px -46.7px 0 3.5px hsl(47,88%,59%),
    -8.4px -46.7px 0 3.5px hsl(48,88%,74%),
    42.0px -12.5px 0 4.4px hsl(45,88%,73%),
    -11.8px -53.6px 0 4.7px hsl(47,88%,74%),
    -47.3px -10.3px 0 3.8px hsl(48,88%,74%),
    21.1px 36.0px 0 5.1px hsl(49,88%,59%),
    22.2px -42.9px 0 4.0px hsl(50,88%,74%),
    29.4px -58.0px 0 3.4px hsl(50,88%,58%),
    -45.8px -0.3px 0 4.3px hsl(48,88%,70%),
    2.8px 20.7px 0 5.1px hsl(45,88%,73%),
    26.2px -46.5px 0 5.5px hsl(48,88%,60%),
    -19.8px 24.7px 0 3.4px hsl(47,88%,62%),
    34.1px -35.0px 0 4.2px hsl(47,88%,68%),
    34.8px -23.5px 0 4.0px hsl(49,88%,74%),
    -5.6px 41.5px 0 3.5px hsl(49,88%,71%),
    -53.0px -10.6px 0 5.4px hsl(50,88%,61%),
    34.4px -10.7px 0 4.3px hsl(50,88%,64%),
    35.6px -4.2px 0 4.1px hsl(46,88%,71%),
    -30.9px -39.4px 0 4.3px hsl(48,88%,70%),
    -20.3px -56.6px 0 4.3px hsl(45,88%,68%),
    -30.1px -47.9px 0 4.2px hsl(50,88%,66%),
    -17.0px -54.9px 0 3.4px hsl(46,88%,73%),
    -27.9px 7.5px 0 4.3px hsl(45,88%,60%),
    29.6px -33.9px 0 5.3px hsl(50,88%,69%),
    -33.3px 19.5px 0 4.7px hsl(49,88%,59%),
    27.7px 8.9px 0 4.9px hsl(49,88%,68%),
    -44.7px 25.1px 0 5.5px hsl(48,88%,69%),
    -58.5px -3.5px 0 5.7px hsl(48,88%,59%),
    33.1px -27.8px 0 4.1px hsl(49,88%,67%),
    -30.9px -47.7px 0 3.8px hsl(49,88%,74%),
    -39.4px -24.7px 0 3.8px hsl(50,88%,73%),
    -17.5px -60.5px 0 5.4px hsl(45,88%,69%);
}

.poha-art .poha-flake-field--near {
  background: hsl(47, 90%, 70%);
  box-shadow:
    -2.5px -20.8px 0 4.3px hsl(50,88%,74%),
    -2.1px 0.1px 0 4.0px hsl(47,88%,65%),
    -0.6px -17.1px 0 4.3px hsl(45,88%,65%),
    -12.8px -9.2px 0 3.4px hsl(49,88%,72%),
    -3.0px -21.0px 0 4.8px hsl(48,88%,58%),
    -0.5px -37.6px 0 5.1px hsl(49,88%,65%),
    6.0px -14.7px 0 3.2px hsl(47,88%,71%),
    -12.3px -38.8px 0 4.7px hsl(47,88%,65%),
    -25.1px -8.1px 0 4.6px hsl(46,88%,60%),
    0.4px -29.8px 0 5.7px hsl(47,88%,60%),
    -25.1px -6.0px 0 5.2px hsl(49,88%,74%),
    -3.1px -22.9px 0 4.2px hsl(49,88%,58%),
    29.1px -15.4px 0 4.9px hsl(48,88%,59%),
    3.7px -4.0px 0 5.1px hsl(47,88%,66%),
    2.9px -17.3px 0 4.1px hsl(47,88%,60%),
    2.4px -16.0px 0 5.2px hsl(50,88%,61%),
    9.3px -22.6px 0 3.5px hsl(50,88%,68%),
    13.7px -35.8px 0 5.3px hsl(47,88%,68%),
    9.5px -37.3px 0 5.8px hsl(46,88%,72%),
    12.5px -2.3px 0 5.3px hsl(48,88%,63%),
    -10.6px -31.9px 0 3.3px hsl(45,88%,72%),
    -11.5px -28.5px 0 5.3px hsl(46,88%,59%),
    -8.8px 6.6px 0 5.6px hsl(45,88%,68%),
    4.6px -12.0px 0 5.8px hsl(49,88%,70%),
    -18.5px -18.0px 0 3.9px hsl(49,88%,73%),
    10.3px -13.6px 0 3.9px hsl(50,88%,64%),
    -12.1px -39.8px 0 3.9px hsl(45,88%,68%),
    9.4px 1.1px 0 5.5px hsl(47,88%,71%),
    2.3px -3.7px 0 5.5px hsl(50,88%,72%),
    1.5px -31.2px 0 5.7px hsl(48,88%,68%),
    -12.5px -6.2px 0 4.2px hsl(48,88%,73%),
    6.5px -32.8px 0 5.3px hsl(49,88%,66%),
    -10.7px -36.9px 0 3.4px hsl(50,88%,71%),
    -26.2px -8.0px 0 4.6px hsl(49,88%,63%),
    -26.8px -10.8px 0 3.4px hsl(47,88%,61%),
    4.9px -31.1px 0 4.0px hsl(50,88%,67%),
    16.5px -37.4px 0 3.6px hsl(49,88%,71%),
    2.2px -41.5px 0 4.4px hsl(48,88%,69%),
    13.4px -26.0px 0 4.8px hsl(50,88%,69%),
    -2.3px -15.0px 0 4.9px hsl(48,88%,66%),
    -3.0px -15.3px 0 4.9px hsl(45,88%,60%),
    18.2px 2.8px 0 4.5px hsl(48,88%,69%),
    -1.0px -17.7px 0 5.7px hsl(50,88%,63%),
    22.4px -5.8px 0 3.3px hsl(46,88%,72%);
}

.poha-art .poha-mustard-field,
.poha-art .poha-coconut-field,
.poha-art .poha-turmeric-field {
  position: absolute;
  left: 50%;
  top: 48%;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  pointer-events: none;
}

.poha-art .poha-mustard-field {
  background: #1b1209;
  box-shadow:
    59.4px 14.1px 0 0.6px #1b1209,
    -24.3px 8.9px 0 1.0px #1b1209,
    -48.3px -33.5px 0 0.5px #1b1209,
    -33.0px -68.8px 0 0.6px #1b1209,
    -44.5px 31.7px 0 0.8px #1b1209,
    -42.5px -34.1px 0 0.6px #1b1209,
    -45.0px 18.1px 0 0.9px #1b1209,
    0.0px -5.4px 0 0.7px #1b1209,
    -4.1px -56.3px 0 0.8px #1b1209,
    -37.8px 15.8px 0 0.7px #1b1209,
    -2.0px 7.4px 0 0.6px #1b1209,
    -75.3px 22.9px 0 0.4px #1b1209,
    -16.5px 60.2px 0 1.1px #1b1209,
    -14.3px -17.0px 0 0.8px #1b1209,
    25.1px -46.0px 0 1.1px #1b1209,
    33.1px -38.0px 0 0.6px #1b1209,
    49.8px 15.9px 0 0.6px #1b1209,
    17.7px -40.4px 0 0.4px #1b1209,
    -4.9px -11.5px 0 0.7px #1b1209,
    -70.3px -25.0px 0 1.0px #1b1209,
    36.0px -56.5px 0 0.9px #1b1209,
    49.7px -35.4px 0 0.7px #1b1209,
    12.5px -55.4px 0 0.8px #1b1209,
    15.5px -3.7px 0 1.0px #1b1209,
    42.4px 36.3px 0 0.7px #1b1209,
    48.6px -6.7px 0 1.0px #1b1209,
    -45.4px 35.3px 0 0.9px #1b1209,
    -50.7px -29.1px 0 0.9px #1b1209,
    26.2px -2.1px 0 0.7px #1b1209,
    61.0px -11.8px 0 0.7px #1b1209,
    -63.7px -20.2px 0 0.8px #1b1209,
    4.2px -25.6px 0 0.5px #1b1209,
    54.8px -21.8px 0 0.8px #1b1209,
    -55.5px 4.3px 0 0.5px #1b1209,
    -40.2px 46.9px 0 0.8px #1b1209,
    10.5px -63.1px 0 0.9px #1b1209,
    32.2px 60.9px 0 0.6px #1b1209,
    -67.6px 21.2px 0 1.1px #1b1209,
    13.6px -13.2px 0 0.9px #1b1209,
    10.4px -3.8px 0 0.5px #1b1209,
    -26.6px 38.0px 0 1.1px #1b1209,
    -43.2px 52.1px 0 0.7px #1b1209,
    55.1px -48.2px 0 1.0px #1b1209,
    -0.2px 37.7px 0 0.6px #1b1209,
    -13.8px -21.9px 0 1.1px #1b1209,
    -15.6px 27.1px 0 0.9px #1b1209,
    -18.6px -17.8px 0 0.5px #1b1209,
    16.1px -23.3px 0 0.8px #1b1209,
    -33.2px -58.9px 0 0.8px #1b1209,
    -54.9px -48.2px 0 0.4px #1b1209,
    -63.0px -33.8px 0 0.5px #1b1209,
    6.2px -16.9px 0 0.6px #1b1209,
    -32.1px -50.3px 0 0.7px #1b1209,
    -37.5px -58.8px 0 0.7px #1b1209,
    -48.0px 12.5px 0 0.8px #1b1209,
    -54.6px -12.5px 0 0.8px #1b1209,
    -19.0px 64.0px 0 0.6px #1b1209,
    -66.6px -3.3px 0 0.8px #1b1209,
    -11.8px -41.7px 0 0.5px #1b1209,
    7.1px -14.7px 0 1.1px #1b1209,
    -41.0px 0.0px 0 0.9px #1b1209,
    15.1px 33.4px 0 0.6px #1b1209,
    -23.4px 40.2px 0 0.6px #1b1209,
    -7.0px -73.2px 0 1.0px #1b1209,
    14.9px -19.8px 0 0.8px #1b1209,
    -34.2px 19.2px 0 0.9px #1b1209,
    -18.0px 20.5px 0 0.6px #1b1209,
    -2.8px 6.3px 0 1.0px #1b1209,
    23.8px -1.5px 0 0.7px #1b1209,
    -40.1px 19.5px 0 0.9px #1b1209;
}

.poha-art .poha-coconut-field {
  background: rgba(255, 255, 255, 0.88);
  box-shadow:
    45.9px -19.2px 0 0.9px rgba(255,255,255,0.85),
    16.0px -60.2px 0 0.9px rgba(255,255,255,0.85),
    -1.4px -21.1px 0 1.5px rgba(255,255,255,0.85),
    -69.2px 6.1px 0 1.4px rgba(255,255,255,0.85),
    12.0px -63.2px 0 0.9px rgba(255,255,255,0.85),
    -48.7px -35.3px 0 0.7px rgba(255,255,255,0.85),
    -14.6px -25.3px 0 1.3px rgba(255,255,255,0.85),
    -33.5px -45.7px 0 1.0px rgba(255,255,255,0.85),
    8.1px -29.2px 0 1.6px rgba(255,255,255,0.85),
    -1.8px -21.5px 0 1.4px rgba(255,255,255,0.85),
    11.2px -21.2px 0 1.6px rgba(255,255,255,0.85),
    27.6px -13.6px 0 1.4px rgba(255,255,255,0.85),
    30.8px 27.7px 0 0.9px rgba(255,255,255,0.85),
    -49.4px 18.2px 0 0.9px rgba(255,255,255,0.85),
    56.5px -36.4px 0 1.3px rgba(255,255,255,0.85),
    -0.7px -24.7px 0 0.9px rgba(255,255,255,0.85),
    12.8px -3.4px 0 1.0px rgba(255,255,255,0.85),
    -23.3px 29.5px 0 0.9px rgba(255,255,255,0.85),
    -27.5px -20.7px 0 1.1px rgba(255,255,255,0.85),
    31.0px 47.7px 0 0.8px rgba(255,255,255,0.85),
    -16.9px 7.4px 0 1.1px rgba(255,255,255,0.85),
    7.6px -61.8px 0 1.5px rgba(255,255,255,0.85),
    -33.1px -50.5px 0 1.3px rgba(255,255,255,0.85),
    -14.3px -28.3px 0 0.7px rgba(255,255,255,0.85),
    1.0px 26.9px 0 1.2px rgba(255,255,255,0.85),
    11.1px 60.2px 0 1.2px rgba(255,255,255,0.85),
    -7.7px 6.1px 0 0.8px rgba(255,255,255,0.85),
    14.3px 36.1px 0 1.3px rgba(255,255,255,0.85);
}

.poha-art .poha-turmeric-field {
  background: rgba(218, 165, 32, 0.4);
  box-shadow:
    -51.6px -22.4px 0 0.8px rgba(218,165,32,0.38),
    34.8px -4.8px 0 1.2px rgba(218,165,32,0.38),
    -2.4px -28.2px 0 0.5px rgba(218,165,32,0.38),
    0.1px -18.9px 0 1.1px rgba(218,165,32,0.38),
    -68.0px -26.5px 0 1.1px rgba(218,165,32,0.38),
    -60.0px 30.7px 0 0.6px rgba(218,165,32,0.38),
    29.9px -41.5px 0 0.6px rgba(218,165,32,0.38),
    23.0px 60.1px 0 0.8px rgba(218,165,32,0.38),
    -23.0px 31.2px 0 0.9px rgba(218,165,32,0.38),
    8.8px -23.1px 0 1.0px rgba(218,165,32,0.38),
    -40.7px -33.2px 0 1.3px rgba(218,165,32,0.38),
    -12.1px -71.1px 0 1.1px rgba(218,165,32,0.38),
    15.6px -26.2px 0 0.8px rgba(218,165,32,0.38),
    13.5px -28.8px 0 0.6px rgba(218,165,32,0.38),
    66.4px -35.0px 0 1.3px rgba(218,165,32,0.38),
    -34.1px 8.8px 0 0.8px rgba(218,165,32,0.38),
    67.9px -30.7px 0 1.1px rgba(218,165,32,0.38),
    61.0px -36.1px 0 0.7px rgba(218,165,32,0.38),
    47.7px -11.4px 0 0.6px rgba(218,165,32,0.38),
    58.5px 40.0px 0 0.6px rgba(218,165,32,0.38),
    -16.2px 65.3px 0 1.2px rgba(218,165,32,0.38),
    -41.1px -25.4px 0 1.0px rgba(218,165,32,0.38),
    61.7px -31.7px 0 0.9px rgba(218,165,32,0.38),
    -19.3px -13.8px 0 1.0px rgba(218,165,32,0.38),
    13.0px -7.3px 0 0.9px rgba(218,165,32,0.38),
    -24.1px -11.1px 0 1.0px rgba(218,165,32,0.38),
    23.1px 38.8px 0 1.1px rgba(218,165,32,0.38),
    12.1px -56.5px 0 0.7px rgba(218,165,32,0.38),
    0.8px -34.2px 0 0.7px rgba(218,165,32,0.38),
    43.0px -57.5px 0 1.2px rgba(218,165,32,0.38),
    20.5px -50.6px 0 1.3px rgba(218,165,32,0.38),
    46.8px 13.6px 0 0.6px rgba(218,165,32,0.38),
    6.1px -4.8px 0 0.9px rgba(218,165,32,0.38),
    -10.8px 2.9px 0 1.1px rgba(218,165,32,0.38),
    -1.6px 4.2px 0 0.6px rgba(218,165,32,0.38),
    1.7px -72.2px 0 1.0px rgba(218,165,32,0.38);
}

.poha-art .poha-peanut {
  position: absolute;
  width: 18px;
  height: 12px;
  border-radius: 50%;
  background: radial-gradient(circle at 32% 30%, #ab5022, #752107 55%, #3a0c01);
  box-shadow: 0 2px 4px rgba(40, 24, 8, 0.28);
  z-index: 3;
}

.poha-art .poha-peanut--1 { top: 28%; left: 38%; transform: rotate(-18deg); }
.poha-art .poha-peanut--2 { top: 42%; left: 58%; transform: rotate(22deg); }
.poha-art .poha-peanut--3 { top: 55%; left: 32%; transform: rotate(8deg); }
.poha-art .poha-peanut--4 { top: 36%; left: 48%; transform: rotate(-40deg); }
.poha-art .poha-peanut--5 { top: 62%; left: 52%; transform: rotate(35deg); }
.poha-art .poha-peanut--6 { top: 48%; left: 22%; transform: rotate(-8deg); }
.poha-art .poha-peanut--7 { top: 30%; left: 62%; transform: rotate(12deg); }
.poha-art .poha-peanut--8 { top: 58%; left: 68%; transform: rotate(-28deg); }

.poha-art .poha-onion {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  background: linear-gradient(135deg, rgba(255, 245, 245, 0.9), rgba(215, 125, 155, 0.8), rgba(145, 48, 85, 0.85));
  box-shadow: 0 1px 3px rgba(40, 24, 8, 0.2);
  z-index: 3;
}

.poha-art .poha-onion--1 { top: 34%; left: 44%; transform: rotate(18deg); }
.poha-art .poha-onion--2 { top: 50%; left: 36%; transform: rotate(-22deg); }
.poha-art .poha-onion--3 { top: 40%; left: 64%; transform: rotate(40deg); }
.poha-art .poha-onion--4 { top: 60%; left: 46%; transform: rotate(-8deg); }
.poha-art .poha-onion--5 { top: 26%; left: 52%; transform: rotate(55deg); }
.poha-art .poha-onion--6 { top: 54%; left: 24%; transform: rotate(-35deg); }
.poha-art .poha-onion--7 { top: 46%; left: 72%; transform: rotate(12deg); }
.poha-art .poha-onion--8 { top: 66%; left: 38%; transform: rotate(28deg); }
.poha-art .poha-onion--9 { top: 32%; left: 28%; transform: rotate(-48deg); }
.poha-art .poha-onion--10 { top: 58%; left: 60%; transform: rotate(6deg); }

.poha-art .poha-leaf {
  position: absolute;
  width: 16px;
  height: 10px;
  background: #2d7c31;
  border-radius: 0 70% 0 70%;
  box-shadow: 0 2px 4px rgba(20, 40, 12, 0.25);
  z-index: 4;
}

.poha-art .poha-leaf--1 { top: 38%; left: 30%; transform: rotate(-30deg); }
.poha-art .poha-leaf--2 { top: 52%; left: 54%; transform: rotate(40deg); }
.poha-art .poha-leaf--3 { top: 28%; left: 56%; transform: rotate(12deg); }
.poha-art .poha-leaf--4 { top: 64%; left: 28%; transform: rotate(-50deg); }
.poha-art .poha-leaf--5 { top: 44%; left: 18%; transform: rotate(70deg); }
.poha-art .poha-leaf--6 { top: 36%; left: 70%; transform: rotate(-12deg); }

.poha-art .poha-curry {
  position: absolute;
  width: 14px;
  height: 8px;
  background: #1a5c1e;
  border-radius: 80% 0 80% 0;
  box-shadow: 0 2px 3px rgba(20, 40, 12, 0.22);
  z-index: 4;
}

.poha-art .poha-curry--1 { top: 42%; left: 42%; transform: rotate(25deg); }
.poha-art .poha-curry--2 { top: 24%; left: 40%; transform: rotate(-40deg); }
.poha-art .poha-curry--3 { top: 56%; left: 64%; transform: rotate(8deg); }
.poha-art .poha-curry--4 { top: 48%; left: 28%; transform: rotate(-18deg); }

.poha-art .poha-chilli {
  position: absolute;
  width: 22px;
  height: 7px;
  border-radius: 50%;
  background: linear-gradient(90deg, #1a5a16, #2d8a28);
  box-shadow: 0 2px 4px rgba(20, 40, 12, 0.25);
  z-index: 4;
}

.poha-art .poha-chilli::after {
  content: '';
  position: absolute;
  right: -2px;
  top: 50%;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #1a5a16;
  transform: translateY(-50%);
}

.poha-art .poha-chilli--1 { top: 46%; left: 48%; transform: rotate(-28deg); }
.poha-art .poha-chilli--2 { top: 33%; left: 22%; transform: rotate(42deg); }
.poha-art .poha-chilli--3 { top: 60%; left: 42%; transform: rotate(15deg); }

.poha-art .poha-anar {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #c42a3a, #8b0a1a);
  box-shadow: 0 1px 2px rgba(40, 8, 8, 0.3), inset -1px -1px 0 rgba(255, 255, 255, 0.25);
  z-index: 4;
}

.poha-art .poha-anar--1 { top: 30%; left: 46%; }
.poha-art .poha-anar--2 { top: 50%; left: 60%; }
.poha-art .poha-anar--3 { top: 40%; left: 34%; }
.poha-art .poha-anar--4 { top: 62%; left: 50%; }
.poha-art .poha-anar--5 { top: 36%; left: 58%; }
.poha-art .poha-anar--6 { top: 54%; left: 30%; }
.poha-art .poha-anar--7 { top: 26%; left: 34%; }
.poha-art .poha-anar--8 { top: 58%; left: 72%; }

.poha-art .poha-stem {
  position: absolute;
  width: 2px;
  height: 14px;
  border-radius: 2px;
  background: #3a9a3e;
  z-index: 3;
}

.poha-art .poha-stem--1 { top: 34%; left: 50%; transform: rotate(-20deg); }
.poha-art .poha-stem--2 { top: 52%; left: 40%; transform: rotate(30deg); }
.poha-art .poha-stem--3 { top: 28%; left: 64%; transform: rotate(8deg); }
.poha-art .poha-stem--4 { top: 60%; left: 22%; transform: rotate(-40deg); }

.poha-art .poha-spoon {
  position: absolute;
  left: 8%;
  top: 42%;
  width: 118px;
  height: 44px;
  transform: rotate(-28deg) translateZ(8px);
  z-index: 6;
  pointer-events: none;
  filter: drop-shadow(2px 6px 6px rgba(0, 0, 0, 0.28));
}

.poha-art .poha-spoon__handle {
  position: absolute;
  left: 0;
  top: 16px;
  width: 72px;
  height: 11px;
  border-radius: 6px;
  background: linear-gradient(180deg, #5a6068 0%, #e8eaed 35%, #f4f6f8 65%, #6a7078 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

.poha-art .poha-spoon__bowl {
  position: absolute;
  right: 0;
  top: 4px;
  width: 52px;
  height: 36px;
  border-radius: 50%;
  background: radial-gradient(circle at 38% 28%, #ffffff 0%, #d8dce2 45%, #8a919a 85%, #5a6068 100%);
}

.poha-art .poha-spoon__shine {
  position: absolute;
  right: 18px;
  top: 8px;
  width: 16px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
}

.poha-art .poha-spoon__poha {
  position: absolute;
  right: 8px;
  top: 12px;
  width: 34px;
  height: 20px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 30% 40%, #f4d36a 0 3px, transparent 4px),
    radial-gradient(circle at 60% 50%, #e8b83a 0 3px, transparent 4px),
    radial-gradient(circle at 45% 65%, #f0c85c 0 2px, transparent 3px);
  opacity: 0.9;
}

.poha-garnish-layer {
  position: absolute;
  inset: 18%;
  border-radius: 50%;
  pointer-events: none;
  z-index: 5;
  overflow: hidden;
}

.poha-sev-strand {
  position: absolute;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, var(--ph-sev), #fb923c, var(--ph-sev), transparent);
  opacity: 0.75;
  transform-origin: center;
}

.poha-sev-strand--1 { width: 42px; top: 22%; left: 28%; transform: rotate(-18deg); }
.poha-sev-strand--2 { width: 36px; top: 38%; left: 52%; transform: rotate(24deg); }
.poha-sev-strand--3 { width: 48px; top: 55%; left: 22%; transform: rotate(-8deg); }
.poha-sev-strand--4 { width: 32px; top: 48%; left: 58%; transform: rotate(32deg); }

.poha-art .lemon-rind-side {
  position: absolute;
  left: -3px;
  top: 8%;
  width: 6px;
  height: 84%;
  border-radius: 3px 0 0 3px;
  background: linear-gradient(to right, #b8860b, var(--ph-lemon-rind));
  z-index: 0;
}

.poha-art .lemon-seed {
  position: absolute;
  width: 3px;
  height: 5px;
  background: #fef9c3;
  border-radius: 50%;
  opacity: 0.85;
}

.poha-art .lemon-seed--1 { top: 35%; left: 40%; transform: rotate(20deg); }
.poha-art .lemon-seed--2 { top: 55%; left: 55%; transform: rotate(-15deg); }

.poha-art .steam-container {
  position: absolute;
  top: 12%;
  left: 18%;
  width: 64%;
  height: 58%;
  pointer-events: none;
  opacity: 0.18;
  filter: blur(10px);
  z-index: 6;
}

.poha-art .steam-vane {
  position: absolute;
  bottom: 10px;
  width: 44px;
  height: 110px;
  border-radius: 50%;
  background: linear-gradient(to top, transparent, rgba(255, 255, 255, 0.22), transparent);
  animation: poha-steam-rise 6s linear infinite;
}

.poha-art .steam-vane:nth-child(1) { left: 15%; }
.poha-art .steam-vane:nth-child(2) { left: 45%; width: 58px; animation-delay: 2s; }
.poha-art .steam-vane:nth-child(3) { left: 68%; animation-delay: 4s; }

@keyframes poha-steam-rise {
  0% { opacity: 0; transform: translateY(24px) scale(0.5); }
  20% { opacity: 0.55; }
  100% { opacity: 0; transform: translateY(-100px) scale(1.6) rotate(-10deg); }
}

.poha-art .spoon-steam {
  position: absolute;
  left: 33%;
  top: 48%;
  width: 64px;
  height: 96px;
  pointer-events: none;
  z-index: 7;
  filter: blur(9px);
}

.poha-art .spoon-steam-wisp {
  position: absolute;
  bottom: 0;
  width: 24px;
  height: 82px;
  border-radius: 50%;
  background: linear-gradient(to top, transparent, rgba(255, 248, 220, 0.55), transparent);
  animation: poha-spoon-steam 3.2s ease-in-out infinite;
}

.poha-art .spoon-steam-wisp:nth-child(1) { left: 0; }
.poha-art .spoon-steam-wisp:nth-child(2) { left: 20px; width: 30px; height: 92px; animation-delay: 0.9s; }
.poha-art .spoon-steam-wisp:nth-child(3) { left: 40px; width: 22px; animation-delay: 1.8s; }
.poha-art .spoon-steam-wisp:nth-child(4) { left: 10px; width: 18px; height: 68px; animation-delay: 2.4s; }

@keyframes poha-spoon-steam {
  0% { opacity: 0; transform: translateY(14px) scaleX(0.6); }
  15% { opacity: 0.82; }
  100% { opacity: 0; transform: translateY(-82px) scaleX(1.4) rotate(-6deg); }
}

.poha-art .spoon-heat-glow {
  position: absolute;
  left: 33%;
  top: 50%;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 180, 60, 0.24) 0%, transparent 72%);
  pointer-events: none;
  z-index: 5;
  animation: poha-heat-pulse 2.2s ease-in-out infinite;
}

@keyframes poha-heat-pulse {
  0%, 100% { opacity: 0.55; transform: scale(1); }
  50% { opacity: 0.92; transform: scale(1.1); }
}

.poha-art .lemon-container {
  position: absolute;
  right: -8px;
  bottom: 18px;
  width: 96px;
  height: 58px;
  transform: rotate(-16deg) translateZ(14px);
  filter: drop-shadow(4px 10px 8px rgba(0, 0, 0, 0.32));
  transition: transform 0.45s var(--ph-bezier);
  z-index: 8;
}

.poha-art .lemon-rind {
  width: 100%;
  height: 100%;
  padding: 4px;
  box-sizing: border-box;
  border-radius: 12px 110px 12px 110px;
  background: linear-gradient(145deg, var(--ph-lemon-rind), #caa205);
  box-shadow:
    inset 0 -2px 4px rgba(0, 0, 0, 0.15),
    inset 0 2px 3px rgba(255, 255, 255, 0.35);
}

.poha-art .lemon-rind::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: repeating-linear-gradient(
    90deg,
    transparent 0 3px,
    rgba(0, 0, 0, 0.04) 3px 4px
  );
  pointer-events: none;
}

.poha-art .lemon-flesh {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 6px 100px 6px 100px;
  background: linear-gradient(135deg, var(--ph-lemon-flesh), #facc15);
  border: 2px solid #fffbba;
  box-shadow: inset 0 2px 6px rgba(255, 255, 255, 0.45);
}

.poha-art .lemon-membrane {
  position: absolute;
  background: #fffdce;
  opacity: 0.68;
}

.poha-art .lemon-membrane.m-1 {
  width: 100%;
  height: 2px;
  top: 50%;
  transform: rotate(12deg);
}

.poha-art .lemon-membrane.m-2 {
  width: 2px;
  height: 100%;
  left: 50%;
  transform: rotate(32deg);
}

.poha-art .lemon-pulp {
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle at 25% 30%, rgba(255, 255, 255, 0.72) 1px, transparent 2px),
    radial-gradient(circle at 75% 45%, rgba(255, 255, 255, 0.62) 2px, transparent 4px),
    radial-gradient(circle at 50% 75%, rgba(255, 255, 255, 0.5) 1px, transparent 3px);
  background-size: 10px 10px;
}

.poha-art .floor-shadow-ambient {
  bottom: 4px;
  width: 240px;
  height: 18px;
}

.order-card--poha .bowl-outer:hover,
.dish--poha:not(.order-card) .bowl-outer:hover {
  transform: translateZ(10px) scale(1.02);
}

.order-card--poha .lemon-container:hover,
.dish--poha:not(.order-card) .lemon-container:hover {
  transform: rotate(-8deg) translateY(-8px) translateZ(12px) scale(1.06);
}

.motion-reduced .poha-stage-3d,
.motion-reduced .poha-art .steam-vane,
.motion-reduced .poha-art .spoon-steam-wisp,
.motion-reduced .poha-art .spoon-heat-glow {
  animation: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .poha-stage-3d {
    animation: none !important;
  }

  .poha-art .steam-vane,
  .poha-art .spoon-steam-wisp,
  .poha-art .spoon-heat-glow {
    animation: none !important;
  }

  .poha-art .steam-container {
    opacity: 0.1;
  }
}