/* Sesame Uzakdoğu Lezzetleri — referans tasarımdan birebir taşınan stiller */

html{scroll-behavior:smooth;scroll-padding-top:100px;overflow-x:clip}
#chipbar{scrollbar-width:none;-ms-overflow-style:none}
#chipbar::-webkit-scrollbar{display:none;width:0;height:0}
body{margin:0;background:#070707;color:#f4efe6;font-family:'Jost',system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}
::selection{background:#e2261c;color:#fff}
a{color:#f4efe6;text-decoration:none}
a:hover{color:#e2261c}
button{font-family:inherit;cursor:pointer}
input,select,textarea{font-family:'Jost',sans-serif;font-size:15px;color:#f4efe6;background:#161210;border:1px solid rgba(244,239,230,.14);border-radius:12px;padding:14px 16px;width:100%;box-sizing:border-box;outline:none;transition:border-color .3s,box-shadow .3s}
input:focus,select:focus,textarea:focus{border-color:#e2261c;box-shadow:0 0 0 3px rgba(226,38,28,.16)}
input::placeholder,textarea::placeholder{color:#7b7466}
select{-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#8c857a 50%),linear-gradient(135deg,#8c857a 50%,transparent 50%);background-position:calc(100% - 21px) 50%,calc(100% - 16px) 50%;background-size:5px 5px;background-repeat:no-repeat}
::-webkit-scrollbar{width:10px;height:9px}
::-webkit-scrollbar-thumb{background:#2b241d;border-radius:99px}
::-webkit-scrollbar-track{background:#0a0908}

@keyframes swing{0%,100%{transform:rotate(4deg)}50%{transform:rotate(-4deg)}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes pulseGlow{0%,100%{box-shadow:0 0 0 0 rgba(226,38,28,.45)}50%{box-shadow:0 0 38px 4px rgba(226,38,28,.22)}}
@keyframes riseIn{from{opacity:0;transform:translateY(44px)}to{opacity:1;transform:translateY(0)}}
@keyframes nudge{0%,100%{transform:translateY(0);opacity:.85}50%{transform:translateY(10px);opacity:.25}}
@keyframes dashMove{to{stroke-dashoffset:-600}}
@keyframes glowPulse{0%,100%{opacity:.4}50%{opacity:.9}}

/* style-hover karşılıkları (referans dosyadaki değerlerle aynı) */
.navlink:hover{color:#e2261c}
.btn-cta:hover{background:transparent;color:#e2261c}
.btn-red:hover{background:#f4efe6;border-color:#f4efe6;color:#161210}
.btn-ghost:hover{border-color:#e2261c;color:#e2261c}
.vbtn:hover{background:#e2261c;border-color:#e2261c;color:#fff}
.cat-card:hover{transform:translateY(-10px);border-color:rgba(226,38,28,.7);box-shadow:0 24px 50px -18px rgba(226,38,28,.35)}
.dish-card:hover{border-color:rgba(226,38,28,.6);transform:translateY(-5px);box-shadow:0 18px 40px -18px rgba(226,38,28,.28)}
.venue-item:hover{border-color:rgba(226,38,28,.7);box-shadow:0 22px 48px -20px rgba(226,38,28,.4)}
.venue-item:hover img{transform:scale(1.07)}
.link-mut:hover{color:#e2261c}
.lbbtn:hover{background:#e2261c;border-color:#e2261c;color:#fff}
#backtop:hover{transform:translateY(-4px)}

/* Masaüstü / mobil görünürlük — kırılma noktası 920px */
.mobile-only{display:none !important}
@media (max-width:920px){
  .desktop-only{display:none !important}
  .mobile-only{display:flex !important}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
  html{scroll-behavior:auto}
}
