/* Ortak temel: renkler, yazı tipleri, sıfırlama. Web sitesi ve QR menü birlikte kullanır. */
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:300 700;font-display:swap;src:url(../fonts/cormorant-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:300 700;font-display:swap;src:url(../fonts/cormorant-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/hanken-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/hanken-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --bg:#101010;        /* zemin */
  --s1:#171717;        /* yüzey */
  --s2:#1f1f1f;        /* yükseltilmiş yüzey */
  --wine:#1c1213;      /* koyu şarap bandı */
  --line:#2a2725;
  --line-2:#4a4440;
  --cream:#eee5d8;
  --muted:#a6988a;
  --bronze:#c9a27a;    /* bakır/şampanya vurgu */
  --bronze-2:#e0c29f;
  --serif:"Cormorant Garamond",Garamond,"Times New Roman",serif;
  --sans:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ease:cubic-bezier(.2,.7,.2,1);
  --wrap:min(1200px,100% - 32px);
}
*,*::before,*::after{box-sizing:border-box;margin:0}
html{background:var(--bg);color:var(--cream);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
body{font:400 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--bronze);outline-offset:3px}
.wrap{width:var(--wrap);margin-inline:auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:var(--bronze);color:var(--bg);padding:8px 14px;border-radius:6px;z-index:100}
.skip:focus{left:8px}
.no-scroll{overflow:hidden}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:999px;font:600 14px var(--sans);text-decoration:none;border:1px solid #ffffff2e;color:var(--cream);transition:border-color .25s,background .25s,color .25s}
.btn:hover{border-color:var(--bronze)}
.btn.fill{background:var(--bronze);border-color:var(--bronze);color:#1a1410}
.btn.fill:hover{background:var(--bronze-2);border-color:var(--bronze-2)}
.btn svg{width:16px;height:16px;flex:none}

/* Alerjen simgesi */
.al{display:inline-flex;gap:3px;flex-wrap:wrap}
.al i,.al-i{font:600 10px/1 var(--sans);font-style:normal;min-width:20px;height:20px;padding:0 4px;border-radius:999px;border:1px solid var(--line-2);display:inline-grid;place-items:center;color:var(--muted);flex:none}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Cormorant'ta rakamlar varsayılan olarak eski usul; fiyat ve sayılarda düz, eşit genişlikli rakam */
h1,h2,h3,b,.pr,.prices,.price,.err{font-variant-numeric:lining-nums tabular-nums}