/* Test 3.1 · Surprise Me transparent Blueberry Splat and phone card-edge correction. */
.gimi-test31-banner{position:sticky;top:0;z-index:10001;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 14px;text-align:center;background:#fff0b9;border-bottom:2px solid #5b1665;color:#3b1945;padding:8px 14px;box-shadow:0 2px 8px rgba(0,0,0,.08);font:600 13px/1.3 'Atkinson Hyperlegible Next',sans-serif;letter-spacing:.025em}
.gimi-test31-banner button,.gimi-test31-preview-button{border:0;border-radius:24px;padding:10px 16px;background:#5b1665;color:white;cursor:pointer;font:600 14px/1.3 'Atkinson Hyperlegible Next',sans-serif;letter-spacing:0}
.gimi-test31-banner button:focus-visible,.gimi-test31-preview-button:focus-visible{outline:3px solid #617c66;outline-offset:3px}
.gimi-test31-preview-button{margin:8px 0 12px}
.gimi-test31-note{margin:5px 0 12px;font-size:.9rem;color:#536451}

/* Phone-only: remove the green/orange/red washing-up stripe beside recipe text.
   Washing-up icons still indicate the level; desktop stripes remain as approved. */
@media (max-width:700px){
  #browse #recipeGrid .card.washing-edge-few,
  #browse #recipeGrid .card.washing-edge-some,
  #browse #recipeGrid .card.washing-edge-lots{
    border-left:1px solid var(--line)!important;
  }
  #browse #recipeGrid .card .card-body-v12276{
    padding-left:13px!important;
    padding-right:13px!important;
  }
}


#surpriseModal .result-card{position:relative;isolation:isolate}
#surpriseModal .gimi-surprise-overlay{position:absolute;inset:0;z-index:30;pointer-events:none;overflow:hidden;border-radius:16px;background:transparent}
#surpriseModal .gimi-surprise-video{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none}
@media(prefers-reduced-motion:reduce){#surpriseModal .gimi-surprise-overlay{display:none!important}}