*{box-sizing:border-box}
body{margin:0;background:#101010;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.wrap{max-width:1100px;margin:0 auto;padding:14px}
.menu-page{position:relative;width:100%;margin:0 auto 16px auto}
.bg{width:100%;height:auto;display:block}
.price-view{
  position:absolute;
  left:var(--l);
  top:var(--t);
  width:var(--w);
  height:var(--h);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#111;
  font-weight:900;
  font-size:clamp(15px, 1.2vw, 16px);
  line-height:1;
  padding:10 8px;
  user-select:none;
  pointer-events:none;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
/* Sadece yazının olduğu alan tıklanır */
.text-link{
  position:absolute;
  left:var(--l);
  top:var(--t);
  width:var(--w);
  height:var(--h);

  display:flex;
  align-items:center;
  justify-content:center;

  text-decoration:none;
  color:#ffffff;
  font-weight:500;

  /* görünmez ama tıklanabilir */
  background:transparent;
  cursor:pointer;
}

/* debug için açabilirsin
.text-link{ outline:1px dashed red; }
*/
@media(max-width:700px){
  .wrap{padding:10px}
  .price-view{font-size:clamp(10px, 2.2vw, 14px)}
}