/* GCS — self-host fontlar (Google Fonts'tan indirildi, latin + latin-ext + arabic) */

/* Amiri 400 — arabic */
@font-face {
  font-family: 'Amiri';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/amiri-400-arabic.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

/* Amiri 400 — latin-ext */
@font-face {
  font-family: 'Amiri';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/amiri-400-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Amiri 400 — latin */
@font-face {
  font-family: 'Amiri';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/amiri-400-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;
}

/* Amiri 700 — arabic */
@font-face {
  font-family: 'Amiri';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/amiri-700-arabic.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

/* Amiri 700 — latin-ext */
@font-face {
  font-family: 'Amiri';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/amiri-700-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Amiri 700 — latin */
@font-face {
  font-family: 'Amiri';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/amiri-700-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;
}

/* EB Garamond 400 italic — latin-ext */
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/eb-garamond-400i-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* EB Garamond 400 italic — latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/eb-garamond-400i-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;
}

/* EB Garamond 400 — latin-ext */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/eb-garamond-400-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* EB Garamond 400 — latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/eb-garamond-400-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;
}

/* EB Garamond 500 — latin-ext */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/eb-garamond-500-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* EB Garamond 500 — latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/eb-garamond-500-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;
}

/* EB Garamond 600 — latin-ext */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/eb-garamond-600-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* EB Garamond 600 — latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/eb-garamond-600-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;
}

/* IBM Plex Mono 400 — latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/ibm-plex-mono-400-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* IBM Plex Mono 400 — latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/ibm-plex-mono-400-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;
}

/* IBM Plex Mono 500 — latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/ibm-plex-mono-500-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* IBM Plex Mono 500 — latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/ibm-plex-mono-500-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;
}

/* IBM Plex Sans 400 — latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/ibm-plex-sans-400-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* IBM Plex Sans 400 — latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/ibm-plex-sans-400-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;
}

/* IBM Plex Sans 500 — latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/ibm-plex-sans-500-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* IBM Plex Sans 500 — latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/ibm-plex-sans-500-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;
}

/* IBM Plex Sans 600 — latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/ibm-plex-sans-600-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* IBM Plex Sans 600 — latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/ibm-plex-sans-600-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;
}

/* IBM Plex Sans Arabic 400 — arabic */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/ibm-plex-sans-arabic-400-arabic.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

/* IBM Plex Sans Arabic 400 — latin-ext */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/ibm-plex-sans-arabic-400-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* IBM Plex Sans Arabic 400 — latin */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/ibm-plex-sans-arabic-400-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;
}

/* IBM Plex Sans Arabic 500 — arabic */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/ibm-plex-sans-arabic-500-arabic.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

/* IBM Plex Sans Arabic 500 — latin-ext */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/ibm-plex-sans-arabic-500-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* IBM Plex Sans Arabic 500 — latin */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/ibm-plex-sans-arabic-500-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;
}

/* IBM Plex Sans Arabic 600 — arabic */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/ibm-plex-sans-arabic-600-arabic.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

/* IBM Plex Sans Arabic 600 — latin-ext */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/ibm-plex-sans-arabic-600-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* IBM Plex Sans Arabic 600 — latin */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/ibm-plex-sans-arabic-600-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;
}


/* ============================================================================
   GCS — GLOBAL CORPORATE SERVICES
   DESIGN TOKENS  ·  markanin tek dogruluk kaynagi                Prefix: --g-*
   ----------------------------------------------------------------------------
   KONSEPT
   Marka isareti bize sistemi hazir veriyor: BORDO bir PLAKA, icinde kilcal
   cizgilerle UCE BOLUNMUS bir alan (G | C | S), altinda serif kapiteller ve
   onlari cizen bir KURAL. Site bu ucunu buyuterek kurulur:

     1. BOLUNMUS ALAN — icerik kartlara hapsedilmez; alanlar hairline ile
        bolunur. (Yuvarlak koseli golgeli kart uclusu = kacindigimiz kalip.)
     2. PLAKA        — dolu bordo blok, genis ic bosluk, ince ic cerceve.
     3. KURAL-ALTI-KAPITEL — her bolum basligi serif kapitel + tam genislikte
        kilcal cizgi.
     4. MONO VERI    — her sayi (AED, gun, %) IBM Plex Mono, tabular-nums.
        GCS operasyonel bir is: fiyat ve sure urunun kendisidir, dipnot degil.

   PALET MANTIGI
   - BORDO #6B192B — musteri logosundan (2026 revizyonu; onceki lacivert
     #0F3C5F yerine). TEK ses: baslik, plaka, kural, link.
   - SOGUK KAGIT   — #F4F5F7 / #E9ECEF ve SOGUK gri murekkep rampasi.
     BURASI KASITLI: kardes marka BOLTEN de ayni bordoyu (#6B1A2B) kullaniyor
     ama SICAK porselen/kum zeminle. Ayni kirmizi, zit sicaklik: BOLTEN
     mahrem/danismanlik, GCS soguk/operasyonel-sicil. Zemini isitirsaniz
     iki marka birbirinin kopyasi olur — ISITMAYIN.
   - CELIK / GUMUS — #AAADAF / #DADADA, logodan. Kilcal cizgi ve plaka ustu
     harf rengi. CELIK METIN OLARAK KULLANILMAZ (kagit uzerinde 2.07:1).
   - PIRINC #8A6A2F — TEK islevsel sinyal. Yalnizca: aktif gezinti alt cizgisi,
     one cikan fiyat satiri, kucuk sayisal isaretler. Ikinci bir ses degildir.

   TIPOGRAFI (self-host, /assets/fonts)
   Display : "EB Garamond"      — logodaki AGaramondPro'nun karakteri
   Metin/UI: "IBM Plex Sans"    — latin-ext ile tam Turkce
   Veri    : "IBM Plex Mono"    — fiyat, sure, oran
   Arapca  : "IBM Plex Sans Arabic" (metin) + "Amiri" (display)

   ERISILEBILIRLIK (sRGB WCAG 2.1, bordo palet icin yeniden hesaplandi)
   - ink #16202B  / kagit #F4F5F7 ....... 15.1:1  AAA
   - ink-soft #44515E / kagit ........... 7.5:1   AAA
   - ink-muted #606C79 / kagit .......... 4.9:1   AA
   - bordo #6B192B / kagit .............. 10.7:1  AAA
   - bordo-deep #47101C / kagit ......... 14.2:1  AAA
   - bordo-soft #95283F / kagit ......... 7.3:1   AAA   (hover)
   - pirinc #8A6A2F / kagit ............. 4.6:1   AA
   - kagit / bordo ...................... 10.7:1  AAA   (ters)
   - gumus #DADADA / bordo .............. 8.4:1   AAA
   - pirinc-light #C9A55E / bordo ....... 5.0:1   AA
   - celik #AAADAF / kagit .............. 2.1:1   FAIL — yalnizca dekorasyon

   YON: tum bosluk/kenarlik mantiksal ozelliklerle yazilir (margin-inline,
   padding-inline, border-inline-start) — Arapca RTL kendiliginden dogru akar.
   ========================================================================== */

:root {
  /* ---- MARKA CEKIRDEGI :: bordo (TEK ses) ------------------------------ */
  --g-wine:        #6B192B;  /* logodan alinan marka rengi (Asset 3.svg)    */
  --g-wine-deep:   #47101C;  /* koyu capa: footer, plaka govdesi            */
  --g-wine-soft:   #95283F;  /* hover / acik bordo                          */
  --g-wine-wash:   #F1E4E7;  /* cok soluk bordo zemin — rozet, satir        */

  /* ---- SOGUK KAGIT YUZEYLER (buyuk alanlarda saf beyaz yok) ------------ */
  --g-paper:       #F4F5F7;  /* ana zemin                                    */
  --g-paper-alt:   #E9ECEF;  /* bolum degisimi / sakin panel                 */
  --g-white:       #FFFFFF;  /* yalnizca yukseltilmis kart ve form alanlari  */

  /* ---- SOGUK MUREKKEP RAMPASI ------------------------------------------ */
  --g-ink-950:     #0D141C;
  --g-ink-900:     #16202B;  /* ana metin                                    */
  --g-ink-800:     #2A3541;
  --g-ink-700:     #44515E;  /* sonuk govde metni                            */
  --g-ink-600:     #606C79;  /* altyazi / kucuk metin                        */
  --g-ink-500:     #7C8894;  /* yalnizca buyuk punto                         */
  --g-ink-400:     #9BA5AF;
  --g-ink-300:     #BEC5CC;
  --g-ink-200:     #D8DDE2;
  --g-ink-100:     #E8EBEE;

  /* ---- LOGODAN GELEN NOTRLER (dekorasyon) ------------------------------ */
  --g-steel:       #AAADAF;  /* kilcal cizgi — METIN OLARAK KULLANILMAZ      */
  --g-silver:      #DADADA;  /* plaka uzerindeki harf/isaret rengi           */

  /* ---- PIRINC :: tek islevsel sinyal ----------------------------------- */
  --g-brass:       #8A6A2F;  /* aktif gezinti, one cikan fiyat, sayi isareti */
  --g-brass-light: #C9A55E;  /* ayni sinyalin bordo uzerindeki karsiligi     */
  --g-brass-wash:  #F3EDE0;  /* one cikan satirin cok soluk dolgusu          */

  /* ---- ANLAMSAL YUZEY & METIN ------------------------------------------ */
  --g-bg:          var(--g-paper);
  --g-bg-alt:      var(--g-paper-alt);
  --g-bg-raised:   var(--g-white);
  --g-bg-dark:     var(--g-wine);
  --g-bg-darker:   var(--g-wine-deep);

  --g-text:        var(--g-ink-900);
  --g-text-soft:   var(--g-ink-700);
  --g-text-muted:  var(--g-ink-600);
  --g-on-dark:     var(--g-paper);
  --g-on-dark-soft: rgba(244, 245, 247, .72);
  --g-on-dark-mark: var(--g-silver);

  /* ---- KILCAL CIZGILER (bolunmus alanin omurgasi) ---------------------- */
  --g-line:          rgba(22, 32, 43, .13);   /* kagit uzerinde varsayilan   */
  --g-line-strong:   rgba(22, 32, 43, .24);
  --g-line-wine:     rgba(107, 25, 43, .24);  /* bordo kilcal               */
  --g-line-steel:    rgba(170, 173, 175, .55);/* logodaki celik ayirici      */
  --g-line-on-dark:  rgba(218, 218, 218, .22);
  --g-hair:          1px;                      /* tek kilcal kalinligi       */

  /* ---- FOTOGRAF PERDELERI :: bordo gradyanlar -------------------------- */
  --g-scrim-flat:   rgba(71, 16, 28, .60);
  --g-scrim-bottom: linear-gradient(180deg, rgba(71,16,28,0) 0%, rgba(71,16,28,.44) 52%, rgba(71,16,28,.91) 100%);
  --g-scrim-start:  linear-gradient(90deg, rgba(71,16,28,.93) 0%, rgba(71,16,28,.52) 44%, rgba(71,16,28,.06) 100%);

  /* ---- GOLGE :: sinirli, soguk tonlu ----------------------------------- */
  --g-shadow-sm: 0 1px 2px rgba(22, 32, 43, .05);
  --g-shadow-md: 0 12px 30px rgba(22, 32, 43, .08), 0 2px 6px rgba(22, 32, 43, .04);
  --g-shadow-lg: 0 30px 64px rgba(22, 32, 43, .12), 0 8px 18px rgba(22, 32, 43, .06);

  /* ---- TIPOGRAFI :: aileler -------------------------------------------- */
  --g-font-display: "EB Garamond", Garamond, Georgia, "Times New Roman", serif;
  --g-font-sans:    "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --g-font-mono:    "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* ---- TIPOGRAFI :: olcek (akiskan, clamp) ----------------------------- */
  --g-t-display: clamp(2.35rem, 1.5rem + 2.7vw, 3.6rem);  /* hero H1 — iki  */
                                                        /* sutunlu duzende */
                                                        /* satir tasmasin  */
  --g-t-h1:      clamp(2.1rem, 1.3rem + 2.9vw, 3.6rem);   /* sayfa H1       */
  --g-t-h2:      clamp(1.55rem, 1.12rem + 1.6vw, 2.35rem);
  --g-t-h3:      clamp(1.12rem, .98rem + .52vw, 1.4rem);
  --g-t-lead:    clamp(1.06rem, .98rem + .34vw, 1.28rem);
  --g-t-body:    1rem;
  --g-t-sm:      .9375rem;
  --g-t-xs:      .8125rem;
  --g-t-label:   .71rem;    /* kapitel etiket — daima letter-spacing ile     */

  --g-lh-tight:  1.08;
  --g-lh-head:   1.16;
  --g-lh-body:   1.68;

  /* ---- RITIM ------------------------------------------------------------ */
  --g-gutter:    clamp(1.15rem, .6rem + 2.2vw, 2.5rem);
  --g-max:       78rem;     /* ana olcu                                      */
  --g-max-text:  40rem;     /* okuma sutunu                                  */
  --g-sect:      clamp(3.6rem, 2.2rem + 5.2vw, 7rem);   /* bolum bosluğu    */
  --g-sect-tight: clamp(2.4rem, 1.6rem + 3vw, 4.2rem);

  /* ---- HAREKET ---------------------------------------------------------- */
  --g-ease:      cubic-bezier(.22, .61, .36, 1);
  --g-dur:       .42s;
}

/* Arapca: metin IBM Plex Sans Arabic, display Amiri. Tokenlar tek yerden
   degistigi icin tum sistem otomatik uyar. */
:root:lang(ar),
[dir="rtl"] {
  --g-font-display: "Amiri", "EB Garamond", Georgia, serif;
  --g-font-sans:    "IBM Plex Sans Arabic", "IBM Plex Sans", -apple-system, "Segoe UI", Tahoma, sans-serif;
  --g-lh-head:      1.42;   /* Arapca cikinti/inisleri icin daha genis satir */
  --g-lh-body:      1.95;
}


/* ============================================================================
   GCS — tasarim sistemi
   Motif: BOLUNMUS ALAN · PLAKA · KURAL-ALTI-KAPITEL · MONO VERI
   Tum bosluklar mantiksal ozellikle yazilir (RTL kendiliginden dogru akar).
   ========================================================================== */

/* ---------------------------------------------------------------- temel -- */
*, *::before, *::after { box-sizing: border-box; }

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  scroll-padding-block-start: 6.5rem;
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

body {
  margin: 0;
  background: var(--g-bg);
  color: var(--g-text);
  font-family: var(--g-font-sans);
  font-size: var(--g-t-body);
  line-height: var(--g-lh-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "kern" 1;
  overflow-x: hidden;
}

img, svg, video { max-width: 100%; height: auto; display: block; }
a { color: inherit; }
button { font: inherit; color: inherit; }

::selection { background: var(--g-wine); color: var(--g-paper); }

:focus-visible {
  outline: 2px solid var(--g-brass);
  outline-offset: 3px;
  border-radius: 2px;
}

.skip {
  position: absolute; inset-inline-start: -9999px; inset-block-start: 0;
  background: var(--g-wine); color: var(--g-paper);
  padding: .75rem 1.15rem; z-index: 999; text-decoration: none;
}
.skip:focus { inset-inline-start: 0; }

.sr {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;
}

/* --------------------------------------------------------------- olcu ---- */
.wrap {
  width: 100%;
  max-inline-size: var(--g-max);
  margin-inline: auto;
  padding-inline: var(--g-gutter);
}
.wrap--text { max-inline-size: calc(var(--g-max-text) + 2 * var(--g-gutter)); }

.section { padding-block: var(--g-sect); }
.section--tight { padding-block: var(--g-sect-tight); }
.section--cont { padding-block-start: 0; }
.section--alt { background: var(--g-bg-alt); }
.section--dark { background: var(--g-bg-dark); color: var(--g-on-dark); }
.section--darker { background: var(--g-bg-darker); color: var(--g-on-dark); }

/* --------------------------------------------------------- tipografi ----- */
h1, h2, h3, h4 {
  font-family: var(--g-font-display);
  font-weight: 500;
  line-height: var(--g-lh-head);
  margin: 0;
  letter-spacing: -.005em;
  text-wrap: balance;
}
h1 { font-size: var(--g-t-h1); }
h2 { font-size: var(--g-t-h2); }
h3 { font-size: var(--g-t-h3); }

p { margin: 0 0 1.05em; }
p:last-child { margin-block-end: 0; }

em { font-style: italic; }
strong { font-weight: 600; }

/* Kapitel etiket — "eyebrow". Daima mono + genis harf araligi. */
.label {
  font-family: var(--g-font-mono);
  font-size: var(--g-t-label);
  font-weight: 500;
  letter-spacing: .17em;
  text-transform: uppercase;
  color: var(--g-brass);
  margin: 0 0 1.1rem;
}
.label--onDark { color: var(--g-brass-light); }
.label--muted  { color: var(--g-text-muted); }
[lang="ar"] .label { letter-spacing: .04em; }

.lead {
  font-size: var(--g-t-lead);
  line-height: 1.6;
  color: var(--g-text-soft);
  max-inline-size: 46ch;
}
.lead--wide { max-inline-size: 62ch; }
.section--dark .lead, .section--darker .lead,
.plaque .lead { color: var(--g-on-dark-soft); margin-block-start: .85rem; }
/* ^ plaka da koyu zemindir; baslik artik tek satir oldugu icin araya nefes */

/* MONO VERI — her sayi burada yasar. */
.num {
  font-family: var(--g-font-mono);
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
  letter-spacing: -.01em;
}

/* IMZA 3 — kural-alti-kapitel. Her bolum basliginin standardi. */
.rule-head { margin-block-end: clamp(1.8rem, 1rem + 2.4vw, 3.2rem); }
.rule-head > h2,
.rule-head > h1 { max-inline-size: 20ch; }
.rule-head--wide > h2 { max-inline-size: 32ch; }
.rule-head::after {
  content: "";
  display: block;
  block-size: var(--g-hair);
  background: var(--g-line-strong);
  margin-block-start: clamp(1rem, .6rem + 1.2vw, 1.7rem);
}
.section--dark .rule-head::after,
.section--darker .rule-head::after { background: var(--g-line-on-dark); }
.rule-head .lead { margin-block-start: 1.1rem; }

/* --------------------------------------------------------------- baglar -- */
.link {
  color: var(--g-wine);
  text-decoration: none;
  border-block-end: 1px solid var(--g-line-wine);
  padding-block-end: 1px;
  transition: border-color var(--g-dur) var(--g-ease), color var(--g-dur) var(--g-ease);
}
.link:hover { color: var(--g-wine-soft); border-block-end-color: currentColor; }
.section--dark .link, .section--darker .link {
  color: var(--g-paper); border-block-end-color: var(--g-line-on-dark);
}

/* "Incele →" mikro baglantisi */
.more {
  display: inline-flex; align-items: center; gap: .5rem;
  font-family: var(--g-font-mono);
  font-size: var(--g-t-xs);
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--g-wine);
  text-decoration: none;
  margin-block-start: 1.1rem;
}
.more svg { inline-size: 1.05em; block-size: 1.05em; flex: none; transition: transform var(--g-dur) var(--g-ease); }
[dir="rtl"] .more svg { transform: scaleX(-1); }
.more:hover svg { transform: translateX(.28rem); }
[dir="rtl"] .more:hover svg { transform: scaleX(-1) translateX(.28rem); }
.section--dark .more, .section--darker .more { color: var(--g-brass-light); }

/* --------------------------------------------------------------- butonlar */
.btn {
  display: inline-flex; align-items: center; gap: .65rem;
  flex: none; white-space: nowrap;
  padding: .95rem 1.6rem;
  background: var(--g-wine);
  color: var(--g-paper);
  font-family: var(--g-font-mono);
  font-size: var(--g-t-xs);
  font-weight: 500;
  letter-spacing: .1em;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid var(--g-wine);
  border-radius: 2px;
  cursor: pointer;
  transition: background var(--g-dur) var(--g-ease), border-color var(--g-dur) var(--g-ease), color var(--g-dur) var(--g-ease);
}
.btn:hover { background: var(--g-wine-deep); border-color: var(--g-wine-deep); }
.btn svg { inline-size: 1.1em; block-size: 1.1em; flex: none; }
[dir="rtl"] .btn svg { transform: scaleX(-1); }

.btn--ghost { background: transparent; color: var(--g-wine); border-color: var(--g-line-strong); }
.btn--ghost:hover { background: transparent; color: var(--g-wine-deep); border-color: var(--g-wine); }

.btn--onDark { background: var(--g-paper); color: var(--g-wine); border-color: var(--g-paper); }
.btn--onDark:hover { background: var(--g-white); border-color: var(--g-white); color: var(--g-wine-deep); }

.btn--ghostDark { background: transparent; color: var(--g-paper); border-color: var(--g-line-on-dark); }
.btn--ghostDark:hover { background: transparent; border-color: var(--g-paper); }

.btn-row { display: flex; flex-wrap: wrap; gap: .8rem; margin-block-start: 2rem; }

/* ============================================================== BASLIK ==== */
.site-head {
  position: sticky; inset-block-start: 0; z-index: 60;
  background: color-mix(in srgb, var(--g-paper) 88%, transparent);
  backdrop-filter: saturate(180%) blur(14px);
  border-block-end: var(--g-hair) solid var(--g-line);
}
@supports not (backdrop-filter: blur(1px)) { .site-head { background: var(--g-paper); } }

/* baslik, icerik sutunundan biraz genis: 7 ogeli menu buyuk ekranda tam gorunsun */
.site-head .wrap { max-inline-size: 90rem; }
.head-in {
  display: flex; align-items: center; gap: clamp(.7rem, .2rem + 1vw, 1.4rem);
  min-block-size: 4.5rem;
}
.brand { display: flex; align-items: center; text-decoration: none; margin-inline-end: auto; flex: none; }
.brand img { inline-size: auto; }
/* Dar ekranda kelime markasi tasar: yalnizca plaka gosterilir. */
.brand__row  { display: none; block-size: 2.1rem; }
.brand__mark { display: block; block-size: 1.9rem; }
@media (min-width: 30rem) { .brand__row { display: block; } .brand__mark { display: none; } }
@media (min-width: 62rem) { .brand__row { block-size: 2.3rem; } }

.nav { display: none; flex: none; }
/* 7 ust menu ogesi (Eyl 2026) — tam menu 72rem'den, ust buton 86rem'den itibaren (sigmazsa script.js fitHead kapatir)
   sigiyor; altinda burger. */
@media (min-width: 72rem) {
  .nav { display: flex; align-items: center; gap: .15rem; }
}
.nav__item { position: relative; }
.nav__link {
  display: inline-flex; align-items: center; gap: .34rem;
  padding: .55rem .58rem;
  white-space: nowrap;
  font-size: var(--g-t-sm);
  color: var(--g-text-soft);
  text-decoration: none;
  border-block-end: 2px solid transparent;
  background: none; border-inline: 0; border-block-start: 0;
  cursor: pointer;
  transition: color var(--g-dur) var(--g-ease), border-color var(--g-dur) var(--g-ease);
}
.nav__link:hover { color: var(--g-wine); }
.nav__link[aria-current], .nav__item--on > .nav__link {
  color: var(--g-wine); border-block-end-color: var(--g-brass);
}
.nav__link svg { inline-size: .62em; block-size: .62em; opacity: .6; transition: transform var(--g-dur) var(--g-ease); }
.nav__item:hover .nav__link svg, .nav__item:focus-within .nav__link svg { transform: rotate(180deg); }

/* acilir menu — kilcal bolunmus alan */
.nav__panel {
  position: absolute; inset-block-start: calc(100% + .1rem); inset-inline-start: 0;
  min-inline-size: 17rem;
  background: var(--g-white);
  border: var(--g-hair) solid var(--g-line);
  box-shadow: var(--g-shadow-md);
  padding: .4rem 0;
  opacity: 0; visibility: hidden; transform: translateY(-.35rem);
  transition: opacity .2s var(--g-ease), transform .2s var(--g-ease), visibility .2s;
}
/* sondaki ogelerin paneli sola (RTL'de saga) acilir: gizliyken bile kaydirma
   genisligini buyutup fitHead'e "tasiyor" dedirtiyordu */
.nav__item:nth-last-child(-n+2) > .nav__panel { inset-inline-start: auto; inset-inline-end: 0; }
.nav__item:hover > .nav__panel,
.nav__item:focus-within > .nav__panel { opacity: 1; visibility: visible; transform: none; }
.nav__panel a {
  display: block; padding: .58rem 1.1rem;
  font-size: var(--g-t-sm); color: var(--g-text-soft); text-decoration: none;
  border-inline-start: 2px solid transparent;
  transition: background .18s, color .18s, border-color .18s;
}
.nav__panel a:hover { background: var(--g-paper); color: var(--g-wine); border-inline-start-color: var(--g-brass); }
.nav__group {
  font-family: var(--g-font-mono); font-size: var(--g-t-label);
  letter-spacing: .15em; text-transform: uppercase; color: var(--g-text-muted);
  padding: .8rem 1.1rem .3rem;
}
.nav__group + a { margin-block-start: 0; }
.nav__panel hr { border: 0; border-block-start: var(--g-hair) solid var(--g-line); margin: .4rem 0; }

/* dil secici — logodaki bolunmus alanin kucugu */
.lang { display: flex; flex: none; align-items: center; border: var(--g-hair) solid var(--g-line-strong); border-radius: 2px; }
.lang a {
  padding: .34rem .58rem;
  font-family: var(--g-font-mono); font-size: var(--g-t-label);
  letter-spacing: .09em; text-transform: uppercase;
  color: var(--g-text-muted); text-decoration: none;
  border-inline-start: var(--g-hair) solid var(--g-line);
  transition: color .2s, background .2s;
}
.lang a:first-child { border-inline-start: 0; }
.lang a:hover { color: var(--g-wine); background: var(--g-paper-alt); }
.lang a[aria-current] { color: var(--g-paper); background: var(--g-wine); }

.head-cta { display: none; }
@media (min-width: 86rem) { .head-cta { display: inline-flex; padding: .72rem 1.15rem; } }

/* mobil */
.burger {
  display: inline-flex; flex-direction: column; justify-content: center; gap: 5px;
  inline-size: 2.6rem; block-size: 2.6rem; padding: 0 .55rem;
  background: none; border: var(--g-hair) solid var(--g-line-strong); border-radius: 2px;
  cursor: pointer;
}
.burger span { display: block; block-size: 1.5px; background: var(--g-wine); transition: transform .3s var(--g-ease), opacity .2s; }
.burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
.burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }
@media (min-width: 72rem) { .burger { display: none; } }

.drawer {
  position: fixed; inset: 4.5rem 0 0; z-index: 55;
  background: var(--g-paper);
  overflow-y: auto;
  padding: 1.5rem var(--g-gutter) 4rem;
  transform: translateY(-.6rem); opacity: 0; visibility: hidden;
  transition: opacity .26s var(--g-ease), transform .26s var(--g-ease), visibility .26s;
}
.drawer[data-open] { opacity: 1; visibility: visible; transform: none; }
@media (min-width: 72rem) { .drawer { display: none; } }

/* SIGDIRMA KONTROLU (script.js > fitHead). Kirilma noktalari tahmindir; yazi
   tipi, yakinlastirma, kaydirma cubugu ve dil farki menuyu tasirabiliyordu.
   Betik basligi olcer: tasiyorsa once ust buton, sonra tam menu kapanir. */
html.head-nocta .head-cta { display: none !important; }
/* Eyl 2026: 7 ust menu ogesi + uzun grup adlari -> once kelime markasi plakaya iner */
html.head-brandmini .brand__row { display: none !important; }
html.head-brandmini .brand__mark { display: block !important; }
html.head-compact .nav { display: none !important; }
html.head-compact .burger { display: inline-flex !important; }
html.head-compact .drawer { display: block !important; }
.drawer h4 {
  font-family: var(--g-font-mono); font-size: var(--g-t-label); font-weight: 500;
  letter-spacing: .15em; text-transform: uppercase; color: var(--g-brass);
  margin: 1.9rem 0 .3rem; padding-block-end: .55rem;
  border-block-end: var(--g-hair) solid var(--g-line);
}
.drawer h4:first-child { margin-block-start: 0; }
.drawer a {
  display: block; padding: .72rem 0;
  border-block-end: var(--g-hair) solid var(--g-line);
  text-decoration: none; color: var(--g-text-soft); font-size: 1.02rem;
}
.drawer a:hover, .drawer a[aria-current] { color: var(--g-wine); }
.drawer .btn { margin-block-start: 2rem; inline-size: 100%; justify-content: center; }

/* ================================================================ HERO ==== */
.hero { position: relative; border-block-end: var(--g-hair) solid var(--g-line); overflow: hidden; }
.hero-in {
  display: grid; gap: clamp(2.4rem, 1rem + 5vw, 4.5rem);
  padding-block: clamp(2.2rem, 1.2rem + 3vw, 4rem) clamp(2.6rem, 1.6rem + 4vw, 5rem);
  /* plaka ustten hizali: sol sutun uzadikca (hero-spec satirlari) ortalamak
     plakayi asagi itiyordu */
  align-items: start;
}
@media (min-width: 64rem) {
  .hero-in { grid-template-columns: minmax(0, 1.16fr) minmax(0, .84fr); }
}
.hero h1 {
  font-size: var(--g-t-display);
  line-height: var(--g-lh-tight);
  letter-spacing: -.017em;
  max-inline-size: none;   /* sutunun kendisi zaten sinirliyor */
}
[lang="ar"] .hero h1 { line-height: 1.34; letter-spacing: 0; }
.hero h1 em { color: var(--g-wine); font-style: italic; }
.hero .lead { margin-block-start: 1.5rem; }
.hero__meta {
  display: flex; flex-wrap: wrap; gap: .6rem 2.1rem;
  margin-block-start: 2.3rem; padding-block-start: 1.5rem;
  border-block-start: var(--g-hair) solid var(--g-line);
  font-family: var(--g-font-mono); font-size: var(--g-t-xs);
  letter-spacing: .05em; color: var(--g-text-muted);
}
.hero__meta b { color: var(--g-wine); font-weight: 500; }

/* IMZA 2 — PLAKA. Logodaki bordo blok, sayfa olceginde. */
.plaque {
  position: relative;
  background: var(--g-wine);
  color: var(--g-on-dark);
  border-radius: 3px;
  padding: clamp(1.8rem, 1rem + 2.6vw, 3rem);
  overflow: hidden;
}
.plaque::after {   /* ince ic cerceve — marka isaretindeki nefes payi */
  content: ""; position: absolute; inset: .55rem;
  border: var(--g-hair) solid var(--g-line-on-dark);
  border-radius: 2px; pointer-events: none;
}
.plaque--photo { min-block-size: clamp(20rem, 15rem + 20vw, 30rem); display: flex; align-items: flex-end; }
.plaque--photo img {
  position: absolute; inset: 0; inline-size: 100%; block-size: 100%;
  object-fit: cover; opacity: .24;
  filter: grayscale(1) contrast(1.06);   /* bkz. .plaque--hero img notu */
}
.plaque--photo::before {
  content: ""; position: absolute; inset: 0;
  background: var(--g-scrim-bottom); pointer-events: none;
}
.plaque__body { position: relative; z-index: 2; }
.plaque__body h2, .plaque__body h3 { color: var(--g-paper); }
.plaque__stat {
  font-family: var(--g-font-mono); font-variant-numeric: tabular-nums;
  font-size: clamp(2rem, 1.3rem + 2.6vw, 3.1rem);
  line-height: 1; color: var(--g-paper); letter-spacing: -.02em;
}
.plaque__cap {
  font-family: var(--g-font-mono); font-size: var(--g-t-label);
  letter-spacing: .16em; text-transform: uppercase;
  color: var(--g-brass-light); margin-block-start: .7rem;
}

/* ================================================ IMZA 1 — BOLUNMUS ALAN = */
/* Kartlar yok: hucreler tek kilcal cizgiyle ayrilir. Logodaki G|C|S alani.  */
.field {
  display: grid;
  gap: var(--g-hair);
  background: var(--g-line);
  border-block: var(--g-hair) solid var(--g-line);
}
.field > * { background: var(--g-bg); padding: clamp(1.5rem, 1rem + 1.8vw, 2.4rem); }
.section--alt .field > * { background: var(--g-bg-alt); }
.field--2 { grid-template-columns: 1fr; }
.field--3 { grid-template-columns: 1fr; }
.field--4 { grid-template-columns: 1fr; }
@media (min-width: 44rem) {
  .field--2 { grid-template-columns: repeat(2, 1fr); }
  .field--3 { grid-template-columns: repeat(2, 1fr); }
  .field--4 { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 64rem) {
  .field--3 { grid-template-columns: repeat(3, 1fr); }
  .field--4 { grid-template-columns: repeat(4, 1fr); }
}
.section--dark .field, .section--darker .field { background: var(--g-line-on-dark); border-color: var(--g-line-on-dark); }
.section--dark .field > * { background: var(--g-bg-dark); }
.section--darker .field > * { background: var(--g-bg-darker); }

.cell__k {
  font-family: var(--g-font-mono); font-size: var(--g-t-label);
  letter-spacing: .15em; text-transform: uppercase;
  color: var(--g-brass); margin-block-end: .95rem;
}
.section--dark .cell__k, .section--darker .cell__k { color: var(--g-brass-light); }
.cell h3 { margin-block-end: .7rem; }
.cell p { font-size: var(--g-t-sm); color: var(--g-text-soft); }
.section--dark .cell p, .section--darker .cell p { color: var(--g-on-dark-soft); }

/* baglantili hucre */
a.cell { text-decoration: none; color: inherit; display: block; transition: background .24s var(--g-ease); }
a.cell:hover { background: var(--g-white); }
.section--alt a.cell:hover { background: var(--g-paper); }
.section--dark a.cell:hover, .section--darker a.cell:hover { background: var(--g-wine-soft); }

/* ================================================== LEDGER (karsilastirma) */
.ledger { display: grid; gap: var(--g-hair); background: var(--g-line); border-block: var(--g-hair) solid var(--g-line); }
@media (min-width: 52rem) { .ledger { grid-template-columns: repeat(2, 1fr); } }
.ledger__col { background: var(--g-bg); padding: clamp(1.6rem, 1rem + 2vw, 2.6rem); }
/* NOT: .reveal kapsayiciya konur, hucreye DEGIL. Hucre opaklikta 0 olursa
   altindaki kilcal-cizgi zemini gri bir blok olarak gorunur (yasandi). */
.section--alt .ledger__col { background: var(--g-bg-alt); }
.ledger__col h3 { font-size: clamp(1.3rem, 1.1rem + .8vw, 1.75rem); margin-block-end: .4rem; }
.ledger__col > .label { margin-block-end: .8rem; }
.ledger ul { list-style: none; margin: 1.4rem 0 0; padding: 0; }
.ledger li {
  padding-block: .85rem;
  border-block-start: var(--g-hair) solid var(--g-line);
  font-size: var(--g-t-sm); color: var(--g-text-soft);
  display: flex; gap: .8rem; align-items: baseline;
}
.ledger li::before {
  content: ""; flex: none; inline-size: .42rem; block-size: .42rem;
  background: var(--g-brass); margin-block-start: .5rem;
}

/* ==================================================== ADIMLAR (surec) ===== */
.steps { border-block-start: var(--g-hair) solid var(--g-line); }
.step {
  display: grid; gap: .4rem 1.6rem;
  padding-block: clamp(1.2rem, .9rem + 1vw, 1.8rem);
  border-block-end: var(--g-hair) solid var(--g-line);
}
@media (min-width: 48rem) {
  .step { grid-template-columns: 4.5rem minmax(0, 17rem) minmax(0, 1fr); align-items: baseline; }
}
.step__n {
  font-family: var(--g-font-mono); font-variant-numeric: tabular-nums;
  font-size: 1.5rem; color: var(--g-brass); line-height: 1;
}
.step h3 { font-size: 1.18rem; }
.step p { font-size: var(--g-t-sm); color: var(--g-text-soft); margin: 0; }
.section--dark .step, .section--darker .step { border-color: var(--g-line-on-dark); }
.section--dark .steps, .section--darker .steps { border-color: var(--g-line-on-dark); }
.section--dark .step p, .section--darker .step p { color: var(--g-on-dark-soft); }
.section--dark .step__n, .section--darker .step__n { color: var(--g-brass-light); }

/* ==================================================== FIYAT TABLOSU ======= */
/* GCS'in urunu seffaflik: fiyat sayfanin dibinde dipnot degil, ana nesne.   */
.ptable-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.ptable {
  inline-size: 100%; border-collapse: collapse;
  font-size: var(--g-t-sm);
  min-inline-size: 30rem;
}
.ptable caption {
  text-align: start; caption-side: top;
  font-family: var(--g-font-mono); font-size: var(--g-t-label);
  letter-spacing: .15em; text-transform: uppercase; color: var(--g-brass);
  padding-block-end: 1rem;
}
.ptable th, .ptable td {
  padding: 1rem 1.1rem;
  border-block-end: var(--g-hair) solid var(--g-line);
  text-align: start;
  vertical-align: baseline;
}
.ptable thead th {
  font-family: var(--g-font-mono); font-size: var(--g-t-label); font-weight: 500;
  letter-spacing: .12em; text-transform: uppercase;
  color: var(--g-text-muted);
  border-block-end: var(--g-hair) solid var(--g-line-strong);
  white-space: nowrap;
}
.ptable tbody th { font-family: var(--g-font-sans); font-weight: 500; color: var(--g-text); }
.ptable td.price {
  font-family: var(--g-font-mono); font-variant-numeric: tabular-nums;
  color: var(--g-wine); white-space: nowrap;
}
.ptable td.price small { display: block; font-size: .82em; color: var(--g-text-muted); letter-spacing: 0; }
.ptable tbody tr:hover { background: var(--g-white); }
.ptable tr.is-featured { background: var(--g-brass-wash); }
.ptable tr.is-featured:hover { background: var(--g-brass-wash); }
.ptable tr.is-featured th { border-inline-start: 2px solid var(--g-brass); }
.ptable tfoot td { border: 0; padding-block-start: 1rem; }
.ptable-note {
  font-size: var(--g-t-xs); color: var(--g-text-muted);
  margin-block-start: 1rem; line-height: 1.6;
}
.ptable-note p { margin-block-end: .35rem; }

/* fiyat indeksi — anasayfadaki secilmis liste */
.pindex { border-block-start: var(--g-hair) solid var(--g-line-strong); }
.pindex__row {
  display: grid; gap: .15rem 1.4rem;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: baseline;
  padding-block: 1.05rem;
  border-block-end: var(--g-hair) solid var(--g-line);
  text-decoration: none; color: inherit;
  transition: background .2s var(--g-ease);
}
a.pindex__row:hover { background: var(--g-white); }
.pindex__name { font-weight: 500; }
.pindex__sub { grid-column: 1; font-size: var(--g-t-xs); color: var(--g-text-muted); }
.pindex__val {
  grid-row: 1 / span 2; grid-column: 2;
  align-self: center;
  font-family: var(--g-font-mono); font-variant-numeric: tabular-nums;
  font-size: 1.06rem; color: var(--g-wine); white-space: nowrap;
}

/* ==================================================== DUZ METIN (rehber) == */
.prose { max-inline-size: var(--g-max-text); }
.prose h2 { margin-block: 2.6rem .9rem; }
.prose h2:first-child { margin-block-start: 0; }
.prose h3 { margin-block: 2rem .6rem; }
.prose p, .prose ul, .prose ol { color: var(--g-text-soft); }
.prose ul, .prose ol { margin: 0 0 1.15em; padding-inline-start: 1.15rem; }
.prose li { margin-block-end: .5em; }
.prose ul { list-style: none; padding-inline-start: 0; }
.prose ul > li { position: relative; padding-inline-start: 1.35rem; }
.prose ul > li::before {
  content: ""; position: absolute; inset-inline-start: .1rem; inset-block-start: .68em;
  inline-size: .38rem; block-size: .38rem; background: var(--g-brass);
}
.prose ol { list-style: none; counter-reset: n; padding-inline-start: 0; }
.prose ol > li { position: relative; padding-inline-start: 2.1rem; counter-increment: n; }
.prose ol > li::before {
  content: counter(n, decimal-leading-zero);
  position: absolute; inset-inline-start: 0; inset-block-start: .1em;
  font-family: var(--g-font-mono); font-size: .82em; color: var(--g-brass);
}
[lang="ar"] .prose ol > li::before { content: counter(n); }
.prose blockquote {
  margin: 1.8rem 0; padding-inline-start: 1.3rem;
  border-inline-start: 2px solid var(--g-brass);
  font-family: var(--g-font-display); font-size: 1.2rem; line-height: 1.5;
  color: var(--g-wine);
}
.prose > .callout { margin-block: 2rem; }

/* onemli kutu — "MUTLAKA BILIN" */
.callout {
  background: var(--g-wine-wash);
  border-inline-start: 3px solid var(--g-wine);
  padding: clamp(1.15rem, .9rem + .8vw, 1.6rem);
}
.callout .label { color: var(--g-wine); margin-block-end: .6rem; }
.callout p { font-size: var(--g-t-sm); color: var(--g-text-soft); }
.callout p:last-child { margin-block-end: 0; }

/* icindekiler */
.toc {
  border-block: var(--g-hair) solid var(--g-line);
  padding-block: 1.4rem; margin-block-end: 2.6rem;
}
.toc .label { margin-block-end: .8rem; }
.toc ol { list-style: none; margin: 0; padding: 0; columns: 2; column-gap: 2rem; }
@media (max-width: 40rem) { .toc ol { columns: 1; } }
.toc li { margin-block-end: .45rem; break-inside: avoid; }
.toc a { font-size: var(--g-t-sm); color: var(--g-text-soft); text-decoration: none; }
.toc a:hover { color: var(--g-wine); }

/* ============================================================== SSS ======= */
.faq { border-block-start: var(--g-hair) solid var(--g-line-strong); }
.faq details { border-block-end: var(--g-hair) solid var(--g-line); }
.faq summary {
  display: flex; align-items: baseline; gap: 1rem;
  padding-block: 1.25rem; cursor: pointer; list-style: none;
  font-family: var(--g-font-display); font-size: 1.16rem; line-height: 1.35;
  color: var(--g-text);
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after {
  content: "+"; margin-inline-start: auto; flex: none;
  font-family: var(--g-font-mono); font-size: 1.15rem; color: var(--g-brass);
  transition: transform .28s var(--g-ease);
}
.faq details[open] summary::after { transform: rotate(45deg); }
.faq summary:hover { color: var(--g-wine); }
.faq__a { padding-block-end: 1.4rem; max-inline-size: 62ch; }
.faq__a p { font-size: var(--g-t-sm); color: var(--g-text-soft); }

/* ============================================================== FORM ====== */
.form { display: grid; gap: 1.15rem; }
@media (min-width: 40rem) { .form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 1.15rem; } }
.form label {
  display: block;
  font-family: var(--g-font-mono); font-size: var(--g-t-label);
  letter-spacing: .13em; text-transform: uppercase; color: var(--g-text-muted);
  margin-block-end: .5rem;
}
.form input, .form select, .form textarea {
  inline-size: 100%; padding: .82rem .95rem;
  font: inherit; font-size: var(--g-t-sm);
  color: var(--g-text); background: var(--g-white);
  border: var(--g-hair) solid var(--g-line-strong); border-radius: 2px;
  transition: border-color .2s;
}
.form input:focus, .form select:focus, .form textarea:focus { border-color: var(--g-wine); outline-offset: 1px; }
.form textarea { min-block-size: 8rem; resize: vertical; }
.form .btn { justify-content: center; }
.form__note { font-size: var(--g-t-xs); color: var(--g-text-muted); }
.form__msg { font-size: var(--g-t-sm); padding: .9rem 1.1rem; border-inline-start: 3px solid; display: none; }
.form__msg[data-on] { display: block; }
.form__msg--ok { background: var(--g-wine-wash); border-color: var(--g-wine); color: var(--g-wine); }
.form__msg--err { background: #FBEAEA; border-color: #A33; color: #8A2A2A; }

/* iletisim kunyesi */
.contact-list { list-style: none; margin: 0; padding: 0; border-block-start: var(--g-hair) solid var(--g-line); }
.contact-list li {
  display: grid; gap: .2rem;
  padding-block: 1.05rem; border-block-end: var(--g-hair) solid var(--g-line);
}
@media (min-width: 34rem) { .contact-list li { grid-template-columns: 8.5rem 1fr; gap: 1.2rem; align-items: baseline; } }
.contact-list dt, .contact-list .k {
  font-family: var(--g-font-mono); font-size: var(--g-t-label);
  letter-spacing: .13em; text-transform: uppercase; color: var(--g-text-muted);
}
.contact-list a { color: var(--g-wine); text-decoration: none; }
.contact-list a:hover { text-decoration: underline; }

/* ============================================================ SAYFA BASI == */
.page-head { border-block-end: var(--g-hair) solid var(--g-line); background: var(--g-bg-alt); }
.page-head .wrap { padding-block: clamp(2.6rem, 1.8rem + 3.4vw, 5rem); }
.page-head h1 { max-inline-size: 18ch; }
.page-head .lead { margin-block-start: 1.3rem; }
.crumb {
  font-family: var(--g-font-mono); font-size: var(--g-t-xs);
  color: var(--g-text-muted); margin-block-end: 1.2rem;
}
.crumb a { color: inherit; text-decoration: none; }
.crumb a:hover { color: var(--g-wine); }
.crumb span { opacity: .5; margin-inline: .45rem; }

/* ============================================================ ALT BILGI === */
.site-foot { background: var(--g-wine-deep); color: var(--g-on-dark-soft); }
.foot-top { display: grid; gap: 2.6rem; padding-block: clamp(3rem, 2rem + 3vw, 4.6rem); }
@media (min-width: 56rem) { .foot-top { grid-template-columns: minmax(0, 1.3fr) repeat(3, minmax(0, 1fr)); gap: 3rem 2rem; } }
.foot-brand img { block-size: 5.4rem; inline-size: auto; }
.foot-brand p { margin-block-start: 1.4rem; font-size: var(--g-t-sm); max-inline-size: 34ch; }
.site-foot h4 {
  font-family: var(--g-font-mono); font-size: var(--g-t-label); font-weight: 500;
  letter-spacing: .15em; text-transform: uppercase; color: var(--g-brass-light);
  margin: 0 0 1.1rem;
}
.site-foot ul { list-style: none; margin: 0; padding: 0; }
.site-foot li { margin-block-end: .62rem; }
.site-foot a { color: var(--g-on-dark-soft); text-decoration: none; font-size: var(--g-t-sm); }
.site-foot a:hover { color: var(--g-paper); }
.foot-bot {
  border-block-start: var(--g-hair) solid var(--g-line-on-dark);
  padding-block: 1.5rem;
  display: flex; flex-wrap: wrap; gap: .6rem 1.6rem; align-items: center;
  font-size: var(--g-t-xs);
}
.foot-bot .credit { margin-inline-start: auto; }
[dir="rtl"] .foot-bot .credit { margin-inline-start: auto; }

/* WhatsApp — sabit dugme */
.wa {
  position: fixed; inset-block-end: 1.2rem; inset-inline-end: 1.2rem; z-index: 50;
  display: inline-flex; align-items: center; justify-content: center;
  inline-size: 3.2rem; block-size: 3.2rem;
  background: var(--g-wine); color: var(--g-paper);
  border-radius: 50%; box-shadow: var(--g-shadow-md);
  transition: background .24s var(--g-ease), transform .24s var(--g-ease);
}
.wa:hover { background: var(--g-wine-soft); transform: translateY(-2px); }
.wa svg { inline-size: 1.5rem; block-size: 1.5rem; }

/* ============================================================== HAREKET === */
.reveal { opacity: 0; transform: translateY(14px); transition: opacity .7s var(--g-ease), transform .7s var(--g-ease); }
.reveal.is-in { opacity: 1; transform: none; }
.reveal[data-d="1"] { transition-delay: .07s; }
.reveal[data-d="2"] { transition-delay: .14s; }
.reveal[data-d="3"] { transition-delay: .21s; }
.reveal[data-d="4"] { transition-delay: .28s; }
@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
  * { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* ============================================================== YAZDIRMA == */
@media print {
  .site-head, .drawer, .wa, .btn-row, .site-foot { display: none !important; }
  body { background: #fff; }
  .reveal { opacity: 1 !important; transform: none !important; }
}

/* ============================================================ ARAPCA / RTL =
   Iki gercek sorun var, ikisi de tipografik:
   1) IBM Plex Mono'da Arapca glif YOK. Etiket/veri siniflari mono kullaniyor;
      Arapca metin geri dususe kaciyordu. Cozum: mono yiginin ARDINA Arapca
      sans eklemek — Latin rakamlar yine mono, Arapca harfler duzgun aileye
      duser. (Tek satirda tum bilesenler duzelir.)
   2) letter-spacing bitisik Arapca yaziyi KOPARIR. Etiketlerdeki genis
      harf araligi Arapca'da sifirlanir.
   ========================================================================== */
[dir="rtl"] {
  --g-font-mono: "IBM Plex Mono", "IBM Plex Sans Arabic", ui-monospace, monospace;
}

[dir="rtl"] .label,
[dir="rtl"] .cell__k,
[dir="rtl"] .more,
[dir="rtl"] .btn,
[dir="rtl"] .lang a,
[dir="rtl"] .nav__group,
[dir="rtl"] .site-foot h4,
[dir="rtl"] .drawer h4,
[dir="rtl"] .ptable caption,
[dir="rtl"] .ptable thead th,
[dir="rtl"] .contact-list dt,
[dir="rtl"] .contact-list .k,
[dir="rtl"] .form label,
[dir="rtl"] .plaque__cap,
[dir="rtl"] .hero-meta__k { letter-spacing: 0; }

/* Rakamlar her zaman soldan saga okunur; Arapca satir icinde yon karismasin. */
[dir="rtl"] .num,
[dir="rtl"] .ptable td.price,
[dir="rtl"] .pindex__val,
[dir="rtl"] .step__n,
[dir="rtl"] .hero-fact__n { direction: ltr; unicode-bidi: isolate; text-align: start; }
[dir="rtl"] .ptable td.price,
[dir="rtl"] .pindex__val { text-align: end; }

/* Arapca'da baslik sikisikligi ferahlatilir (Amiri'nin cikintilari genis). */
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3 { letter-spacing: 0; }
[dir="rtl"] .hero h1 { line-height: 1.36; }
[dir="rtl"] .rule-head > h2, [dir="rtl"] .rule-head > h1 { max-inline-size: 24ch; }
[dir="rtl"] .lead { max-inline-size: 52ch; }
[dir="rtl"] .lead--wide { max-inline-size: 68ch; }

/* Duz metin listelerinde madde isareti sagda kalir (mantiksal ozellik zaten
   dogru akiyor; yalnizca optik hizalama duzeltilir). */
[dir="rtl"] .prose ul > li::before { inset-inline-start: .15rem; }

/* Ajans kredisi — alt bilgideki bag, cevresiyle ayni tonda kalir. */
.foot-bot .credit a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.foot-bot .credit a:hover { color: var(--g-paper); }

/* ===================================================== ACILIS PERDESI =====
   "Plaka aciliyor."

   Perde, marka isaretinin ta kendisidir — ekran olceginde. Once uc hucrenin
   harfleri BIRLIKTE oturur (G C S tek kelimedir, uc ayri nesne degil), sonra
   aralarina logonun KURALLARI ortadan disari cizilir, isaret bir an tamamlanir
   ve alan tam o cizgiler boyunca acilir: once ortadaki sutun, hemen ardindan
   iki yandaki. Her sutun kendi harfini tasiyip goturur.

   Neden "generic fade-in" degil: hicbir sey belirmiyor, logo ACILIYOR.
   Baska bir markada ayni animasyon anlamsiz olurdu.

   ILK DENEMEDE YAPILAN HATALAR (tekrarlamayin):
   - Cizgiler tam boy uzaniyordu. Logonun kurali kisadir, harfin yanindadir;
     tam boy cizgi markanin kurali degil TABLO cizgisi gibi okunuyor ve
     kompozisyonu izgaraya cevirip robotiklestiriyordu.
   - Harfler 50 ms kademeyle tek tek beliriyordu — daktilo efekti. Kelime
     harf harf gelmez; ucu birden oturur.
   - Sutunlar soldan saga sirayla kalkiyordu: bant konveyoru. Ortadan disari
     acilmak hem daha az mekanik hem "acilma" fikrinin kendisi.

   HARFLER PATH'TIR, font degil (assets/brand/intro-*.svg). Perde ilk boyamada
   gorunur; EB Garamond o anda henuz yuklenmemis olabilirdi.

   ZAMAN CIZELGESI
     0.06 - 0.40  harfler oturur (hepsi birden, hafif buyukten yerine)
     0.26 - 0.54  kurallar ortadan disari cizilir
     0.54 - 0.60  isaret tamam — kisa bir duraklama
     0.60 - 1.22  sutunlar kalkar (once orta, +0.06 iki yan)
     1.24         perde kapanir; hero 0.64'ten itibaren kendi kademesiyle gelir

   KURALLAR (bozmayin):
   - JS'siz GORUNMEZ. Perde varsayilan display:none; yalnizca <head>'deki
     minik betik html[data-intro] koyarsa acilir.
   - OTURUMDA BIR KEZ (sessionStorage). 99 sayfada her tiklamada tekrarlamaz.
   - prefers-reduced-motion'da hic oynamaz (hem betik hem CSS tarafinda).
   - Kendini KAPATIR: forwards + visibility:hidden; ustune script.js'te 1.9 sn
     emniyet zamanlayicisi perdeyi DOM'dan siler.
   - LCP: perde yalnizca arka plan rengidir, "contentful" sayilmaz.
   ========================================================================= */
.intro { display: none; }

html[data-intro] .intro {
  /* --gi-l : harfin yuksekligi. Kurallar ve konum bundan turer, boylece
     isaretin ic oranlari her ekranda logonunkiyle ayni kalir. */
  --gi-l: min(46vh, 26vw, 26rem);
  display: flex; position: fixed; inset: 0; z-index: 200;
  pointer-events: none;
  animation: intro-off .01s linear 1.24s forwards;
}
html[data-intro] .intro i {
  flex: 1 1 33.3333%; position: relative;
  background: var(--g-wine-deep);
  /* Genislik 100/3 oldugu icin sutun sinirinda alt piksel yuvarlamasindan
     1px'lik dikis kaliyor ve altindaki sayfa kagit rengiyle sizip tam boy
     bir cizgi gibi gorunuyordu (520px'te yasandi). Golge yerlesimi
     bozmadan boyamayi 1px disari tasirip dikisi kapatir; sutunla birlikte
     hareket ettigi icin kalkarken de iz birakmaz. */
  box-shadow: 0 0 0 1px var(--g-wine-deep);
  animation: intro-lift .62s cubic-bezier(.72, 0, .28, 1) .66s forwards;
  will-change: transform;
}
html[data-intro] .intro i:nth-child(2) { animation-delay: .60s; }   /* once orta */

/* Hucrelerin harfleri — UCU BIRDEN oturur; kademe YOK. */
html[data-intro] .intro i::after {
  content: ""; position: absolute; inset: 0;
  background-repeat: no-repeat; background-position: center;
  background-size: auto var(--gi-l);
  opacity: 0; transform: scale(1.06);
  animation: intro-letter .34s cubic-bezier(.2, .7, .3, 1) .06s forwards;
}
html[data-intro] .intro i:nth-child(1)::after { background-image: url("/assets/brand/intro-g.svg"); }
html[data-intro] .intro i:nth-child(2)::after { background-image: url("/assets/brand/intro-c.svg"); }
html[data-intro] .intro i:nth-child(3)::after { background-image: url("/assets/brand/intro-s.svg"); }

/* Logonun KURALI: kisa, harfin yaninda (isaretteki gibi harften biraz kisa),
   ortadan disari cizilir. Tam boy olursa tablo cizgisine doner. */
html[data-intro] .intro i + i::before {
  content: ""; position: absolute; inset-inline-start: 0;
  inset-block-start: 50%; margin-block-start: calc(var(--gi-l) * -.42);
  block-size: calc(var(--gi-l) * .84); inline-size: 1px;
  background: rgba(255, 255, 255, .6);
  transform: scaleY(0); transform-origin: 50% 50%;
  animation: intro-rule .28s var(--g-ease) .26s forwards;
}

@keyframes intro-rule   { to { transform: scaleY(1); } }
@keyframes intro-letter { to { opacity: 1; transform: scale(1); } }
@keyframes intro-lift   { to { transform: translateY(-101%); } }
@keyframes intro-off    { to { visibility: hidden; } }

/* Perde kalkarken altta icerik hazirlanir — hero'nun kendi kademesi otelenir */
html[data-intro] .hero .reveal              { transition-delay: .64s; }
html[data-intro] .hero .reveal[data-d="1"]  { transition-delay: .71s; }
html[data-intro] .hero .reveal[data-d="2"]  { transition-delay: .78s; }
html[data-intro] .hero .reveal[data-d="3"]  { transition-delay: .85s; }
html[data-intro] .hero .reveal[data-d="4"]  { transition-delay: .92s; }
/* Hero'su olmayan ic sayfalarda ilk blok tek parca gelir. */
html[data-intro] main > :first-child:not(.hero) {
  animation: intro-rise .62s var(--g-ease) .68s both;
}
html[data-intro] .site-head { animation: intro-head .55s var(--g-ease) .70s both; }
@keyframes intro-rise { from { opacity: 0; transform: translateY(14px); } }
@keyframes intro-head { from { opacity: 0; } }

@media (prefers-reduced-motion: reduce) {
  .intro { display: none !important; }
  html[data-intro] .hero .reveal,
  html[data-intro] main > :first-child:not(.hero),
  html[data-intro] .site-head { animation: none !important; transition-delay: 0s !important; }
}


/* --- ureteclerin ihtiyac duydugu birkac bilesen ------------------------- */
/* ---- HERO :: solda metin, sagda plaka ---------------------------------- */
/* Logonun kelime markasindaki KURAL — baslikla giris metni arasinda. */
.hero__rule {
  block-size: var(--g-hair); background: var(--g-line-strong);
  margin-block: clamp(1.3rem, .9rem + 1.2vw, 2rem) clamp(1.2rem, .9rem + .9vw, 1.7rem);
  max-inline-size: 30rem;
}
/* Tek dolu buton + ok bagi. Iki esleik pil = kacindigimiz kalip. */
.hero__act { display: flex; flex-wrap: wrap; align-items: center; gap: .9rem 1.8rem; margin-block-start: 1.9rem; }
.more--flush { margin-block-start: 0; }

/* Kunye gibi: kilcal cizgilerle ayrilmis k/v satirlari. */
.hero-spec { margin-block-start: clamp(1.9rem, 1.3rem + 1.8vw, 2.8rem); border-block-start: var(--g-hair) solid var(--g-line); }
.hero-spec__row {
  display: grid; gap: .1rem .9rem; padding-block: .78rem;
  border-block-end: var(--g-hair) solid var(--g-line);
  font-size: var(--g-t-sm); color: var(--g-text-soft);
}
@media (min-width: 30rem) { .hero-spec__row { grid-template-columns: 9.5rem minmax(0, 1fr); align-items: baseline; } }
.hero-spec__k {
  font-family: var(--g-font-mono); font-size: var(--g-t-label); letter-spacing: .15em;
  text-transform: uppercase; color: var(--g-brass);
}
[dir="rtl"] .hero-spec__k { letter-spacing: 0; }

/* HERO ZEMINI — kagit uzerinde yavas dolasan isik. Iki genis, cok soluk
   leke (bordo + pirinc) 34 sn'lik tek bir yumusak yorungede salinir.
   Kacinilanlar (bkz. README hareket notu): soldan saga kayma, esit kademe,
   marka cizgisini ekran boyu uzatma. Hareketi azalt tercihinde sabit durur. */
.hero > .wrap { position: relative; z-index: 1; }
.hero::before {
  content: ""; position: absolute; inset: -30% -20%; z-index: 0; pointer-events: none;
  background:
    radial-gradient(38% 46% at 24% 38%, rgba(107, 25, 43, .13), transparent 70%),
    radial-gradient(34% 40% at 70% 62%, rgba(138, 106, 47, .12), transparent 72%);
  animation: hero-light 34s cubic-bezier(.45, 0, .55, 1) infinite alternate;
  will-change: transform;
}
@keyframes hero-light {
  0%   { transform: translate3d(0, 0, 0) scale(1); }
  50%  { transform: translate3d(3%, -4%, 0) scale(1.06); }
  100% { transform: translate3d(-2%, 3%, 0) scale(.98) rotate(4deg); }
}
@media (prefers-reduced-motion: reduce) { .hero::before { animation: none; } }

/* Cikti satiri — butonlarin altinda tek satir kunye. */
.hero__note { margin-block-start: 1.6rem; font-size: var(--g-t-sm); color: var(--g-text-soft); }
.hero__note span {
  font-family: var(--g-font-mono); font-size: var(--g-t-label); letter-spacing: .15em;
  text-transform: uppercase; color: var(--g-brass); margin-inline-end: .7rem;
}
[dir="rtl"] .hero__note span { letter-spacing: 0; }

/* Uc alan serit — hero'nun alt kenarinda. */
.hero--pillars .hero-in { padding-block-end: clamp(2rem, 1.4rem + 2vw, 3.2rem); }
.hero-pillars { padding-block-end: clamp(2.2rem, 1.4rem + 3vw, 4rem); }
.hero-pillars .cell { padding: clamp(1.2rem, .9rem + 1vw, 1.7rem) clamp(1.2rem, .9rem + 1.2vw, 1.9rem); }
.hero-pillars .cell__k { margin-block-end: .55rem; }
/* Seritte hucreler seffaf: zemindeki isik alttan gecsin. Bolunmus alanin
   kilcal cizgisi burada zemin boslugu degil kenarlik ile cizilir. */
.hero-pillars .field { background: none; gap: 0; }
.hero-pillars .field > * { background: transparent; }
.hero-pillars .field > * + * { border-block-start: var(--g-hair) solid var(--g-line); }
@media (min-width: 64rem) {
  .hero-pillars .field > * + * { border-block-start: 0; border-inline-start: var(--g-hair) solid var(--g-line); }
}
.hero-pillars a.cell:hover { background: rgba(255, 255, 255, .45); }
.hero-pillars .cell h3 { font-size: clamp(1.1rem, 1rem + .45vw, 1.35rem); margin-block-end: .9rem; }

/* Plaka: marka isaretinin fotografli hali. */
.plaque--hero { min-block-size: clamp(19rem, 12rem + 22vw, 30rem); display: flex; align-items: flex-end; }
/* Fotograf GRIYE dokulur: renkli gokyuzu bordo perdenin altinda mor bir
   camura donuyordu. Gri + bordo = temiz bir duoton, plaka rengi bozulmuyor. */
.plaque--hero img { position: absolute; inset: 0; inline-size: 100%; block-size: 100%;
                    object-fit: cover; opacity: .21; filter: grayscale(1) contrast(1.06); }
.plaque--hero::before {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(71,16,28,.46) 0%, rgba(71,16,28,.78) 62%, rgba(71,16,28,.92) 100%);
}
.plaque--hero h2 { font-size: clamp(1.3rem, 1.1rem + .9vw, 1.75rem); margin-block-end: .2rem; }
.hero-facts { margin-block-start: 1.5rem; border-block-start: var(--g-hair) solid var(--g-line-on-dark); }
.hero-fact { display: flex; align-items: baseline; gap: 1.1rem; padding-block: .8rem;
             border-block-end: var(--g-hair) solid var(--g-line-on-dark); }
.hero-fact:last-child { border-block-end: 0; }
.hero-fact__n { font-family: var(--g-font-mono); font-variant-numeric: tabular-nums;
                font-size: 1.7rem; color: var(--g-brass-light); min-inline-size: 3.4rem; }
.hero-fact__t { font-size: var(--g-t-sm); color: var(--g-paper); line-height: 1.5; opacity: .92; }
.field--head .cell h3 { font-size: clamp(1.25rem, 1.05rem + .7vw, 1.6rem); }
.contact-grid { display: grid; gap: clamp(2.4rem, 1.4rem + 3vw, 4rem); }
@media (min-width: 60rem) { .contact-grid { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); } }