/* Listem: "Gezi planıma ekle" / "Yemek listeme ekle" düğmesi, onay kartı, #/listem */
.ls-satir{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:4px 0 14px}
.ls-btn{position:relative;display:inline-flex;align-items:center;gap:12px;padding:10px 20px 10px 10px;border:0;border-radius:999px;cursor:pointer;font:inherit;text-align:left;
  color:#1B1205;background:linear-gradient(135deg,#FFD27A 0%,#FFAF14 55%,#F08C00 100%);
  box-shadow:0 1px 0 rgb(255 255 255 / .6) inset,0 8px 22px -8px rgb(240 140 0 / .65);transition:transform .15s,box-shadow .2s,background .3s}
.ls-btn:hover{transform:translateY(-1px);box-shadow:0 1px 0 rgb(255 255 255 / .6) inset,0 12px 26px -8px rgb(240 140 0 / .75)}
.ls-btn:active{transform:scale(.97)}
.ls-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#111315;color:#FFD27A;flex:none}
.ls-ic .ic{width:19px;height:19px}
.ls-yazi{display:grid;line-height:1.2}
.ls-yazi b{font-size:15.5px;font-weight:800}
.ls-yazi small{font-size:12px;font-weight:600;opacity:.72}
.ls-btn.var{color:#fff;background:linear-gradient(135deg,#1C2026 0%,#111315 100%);box-shadow:0 0 0 1px rgb(255 175 20 / .55) inset,0 8px 22px -10px rgb(0 0 0 / .6)}
.ls-btn.var .ls-ic{background:linear-gradient(135deg,#FFD27A,#F08C00);color:#111315;animation:ls-tik .45s cubic-bezier(.2,1.6,.4,1)}
.ls-btn.var .ls-yazi small{color:#FFD27A;opacity:1}
@keyframes ls-tik{from{transform:scale(.4) rotate(-90deg)}to{transform:none}}
.ls-kucuk{padding:6px 14px 6px 6px;gap:8px}
.ls-kucuk .ls-ic{width:28px;height:28px}
.ls-kucuk .ls-ic .ic{width:15px;height:15px}
.ls-kucuk .ls-yazi b{font-size:13px}
.ls-listem{display:inline-flex;align-items:center;gap:7px;font-size:14.5px;font-weight:700;color:var(--ink)}
.ls-listem .ic{width:16px;height:16px;color:var(--gold-ink)}
.ls-say{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:var(--gold);color:#111315;font-size:12px;font-weight:800}
.ls-say[hidden]{display:none}
.ls-not{color:var(--muted);margin:-4px 0 16px}
.ls-not a{color:var(--ink);font-weight:700;display:inline-flex;align-items:center;gap:4px}
.ls-not .ic{width:13px;height:13px}

/* onay kartı */
.ls-kart{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:90;display:flex;align-items:center;gap:14px;width:min(460px,calc(100vw - 32px));
  padding:10px 12px 10px 10px;border-radius:22px;color:#fff;background:rgb(17 19 21 / .94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  box-shadow:0 0 0 1px rgb(255 210 122 / .28) inset,0 24px 50px -12px rgb(0 0 0 / .55);
  transform:translate(-50%,140%);opacity:0;transition:transform .45s cubic-bezier(.2,1.2,.3,1),opacity .25s;pointer-events:none}
.ls-kart.gorunur{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.ls-kart-f{position:relative;flex:none;width:64px;height:64px;border-radius:15px;overflow:hidden;background:#2A2E35}
.ls-kart-f img{width:100%;height:100%;object-fit:cover}
.ls-kart-f i{position:absolute;right:4px;bottom:4px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#FFD27A,#F08C00);color:#111315}
.ls-kart.cikti .ls-kart-f i{background:#3A3F47;color:#fff}
.ls-kart-f i .ic{width:14px;height:14px}
.ls-kart-y{display:grid;gap:1px;min-width:0;flex:1}
.ls-kart-y small{font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#FFD27A}
.ls-kart.cikti .ls-kart-y small{color:#B9BEC7}
.ls-kart-y b{font-size:16px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ls-kart-y em{font-style:normal;font-size:12.5px;color:#C9CED6}
.ls-kart-git{flex:none;display:inline-flex;align-items:center;gap:5px;padding:9px 13px;border-radius:99px;background:#fff;color:#111315;font-size:13px;font-weight:800}
.ls-kart-git .ic{width:14px;height:14px}

/* #/listem */
.ls-sekme{display:flex;gap:8px;margin-bottom:22px;overflow-x:auto;scrollbar-width:none}
.ls-sekme button{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:99px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-size:15px;font-weight:700;cursor:pointer;flex:none}
.ls-sekme button .ic{width:17px;height:17px;color:var(--gold-ink)}
.ls-sekme button.on{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.ls-sekme button.on .ic{color:var(--gold)}
.ls-bos{display:grid;justify-items:center;gap:8px;text-align:center;padding:48px 20px;border:1px dashed var(--line);border-radius:24px;background:var(--surface)}
.ls-bos>.ic{width:40px;height:40px;color:var(--gold-ink)}
.ls-bos b{font-size:20px}
.ls-bos p{color:var(--muted);max-width:44ch;margin-bottom:8px}
.ls-plan{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;margin-bottom:22px;border-radius:20px;
  background:linear-gradient(135deg,#1C2026,#111315);color:#fff;box-shadow:0 0 0 1px rgb(255 175 20 / .35) inset}
.ls-plan span{display:grid;gap:3px}
.ls-plan b{font-size:17px}
.ls-plan small{color:#C9CED6;font-size:13.5px;max-width:60ch}
.ls-izgara{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ls-k{display:grid;align-content:start;gap:10px;min-width:0}
.ls-k a{display:grid;gap:6px;color:var(--ink)}
.ls-k-f{display:block;aspect-ratio:4/3;border-radius:16px;overflow:hidden;background:var(--surface-2)}
.ls-k-f img{width:100%;height:100%;object-fit:cover}
.ls-k b{font-size:16px;font-weight:800}
.ls-k small{font-size:13px;color:var(--muted)}
.ls-alis{margin-top:36px}
.ls-alis-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ls-alis-k{padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.ls-alis-k h3{font-size:17px;font-weight:800;margin-bottom:8px}
.ls-alis-k h4{font-size:13.5px;font-weight:800;margin:12px 0 4px;color:var(--gold-ink)}
.ls-alis-k label{display:flex;gap:10px;align-items:flex-start;padding:4px 0;font-size:14.5px;cursor:pointer}
.ls-alis-k input{margin-top:3px;accent-color:#F08C00;width:17px;height:17px;flex:none}
.ls-alis-k input:checked+span{text-decoration:line-through;color:var(--muted)}
@media (max-width:980px){.ls-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}.ls-alis-g{grid-template-columns:1fr}}
@media (max-width:640px){.ls-kart{bottom:calc(84px + env(safe-area-inset-bottom,0px))}.ls-kart-git{padding:8px 10px}}
.ls-hd{color:#fff}
.ls-hd .ic{color:#FFD27A}