/* Real product captures. Keep content intact and size the frames to their available height. */
.meal-real-showcase{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:20px;min-width:0;height:430px;padding:28px 24px 42px;background:radial-gradient(ellipse at 30% 35%,#d9e8ca 0,transparent 62%),#eef2e9;overflow:hidden}
.meal-real-showcase .mb-shot{flex:none;position:relative;display:block;margin:0;height:100%;width:auto;aspect-ratio:684/1484;overflow:hidden;border:5px solid #151a17;border-radius:29px;background:#000;box-shadow:0 22px 38px #25352c26,0 3px 8px #14231b20;transform:translateY(-5px) rotate(-4deg)}
.meal-real-showcase .mb-shot-1{transform:translateY(10px) rotate(4deg)}
.meal-real-showcase .mb-shot img{display:block;width:100%;height:100%;object-fit:contain}
.meal-screen-note{position:absolute;bottom:7px;left:10px;right:10px;margin:0;text-align:center;font-size:10px!important;line-height:1.5!important;font-weight:600;color:#4e6253;letter-spacing:.02em}
#urunler .meal-art{padding:0;background:#eef2e9}
#urunler .meal-art .meal-real-showcase{height:100%;min-height:0}
.svc-mobile .meal-real-showcase{width:100%;height:100%;padding:16px 22px 29px;gap:14px}
.svc-mobile .meal-real-showcase .mb-shot{border-width:3px;border-radius:18px}
.svc-mobile .meal-screen-note{font-size:8px!important;bottom:6px}
.mobile-project-visual>.meal-real-showcase{height:430px}
.mobile-project-visual .meal-real-showcase .mb-shot{height:100%;max-width:44%}
@media(max-width:760px){#urunler .meal-art{height:390px}#urunler .meal-art .meal-real-showcase{height:390px;padding:22px 15px 36px;gap:16px}.mobile-project-visual>.meal-real-showcase{height:370px;padding:22px 16px 38px;gap:16px}.meal-real-showcase .mb-shot{border-width:4px;border-radius:25px}}
@media(max-width:360px){#urunler .meal-art,#urunler .meal-art .meal-real-showcase{height:340px}.mobile-project-visual>.meal-real-showcase{height:330px}}