@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/m/fonts/a375c31d43e653ec.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/m/fonts/13755630d7d202f4.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/m/fonts/da72a9f73897f5fb.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/m/fonts/3b78c6fa6456eaa9.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/m/fonts/f059b71e05ff032c.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/m/fonts/b6db4a06c119f3ab.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;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/m/fonts/6ab57b19c69b5042.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: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/m/fonts/a375c31d43e653ec.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/m/fonts/13755630d7d202f4.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/m/fonts/da72a9f73897f5fb.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/m/fonts/3b78c6fa6456eaa9.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/m/fonts/f059b71e05ff032c.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/m/fonts/b6db4a06c119f3ab.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;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/m/fonts/6ab57b19c69b5042.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: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/m/fonts/a375c31d43e653ec.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/m/fonts/13755630d7d202f4.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/m/fonts/da72a9f73897f5fb.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/m/fonts/3b78c6fa6456eaa9.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/m/fonts/f059b71e05ff032c.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/m/fonts/b6db4a06c119f3ab.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;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/m/fonts/6ab57b19c69b5042.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: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/m/fonts/a375c31d43e653ec.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/m/fonts/13755630d7d202f4.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/m/fonts/da72a9f73897f5fb.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/m/fonts/3b78c6fa6456eaa9.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/m/fonts/f059b71e05ff032c.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/m/fonts/b6db4a06c119f3ab.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;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/m/fonts/6ab57b19c69b5042.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: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/m/fonts/a375c31d43e653ec.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/m/fonts/13755630d7d202f4.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/m/fonts/da72a9f73897f5fb.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/m/fonts/3b78c6fa6456eaa9.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/m/fonts/f059b71e05ff032c.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/m/fonts/b6db4a06c119f3ab.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;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/m/fonts/6ab57b19c69b5042.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: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/m/fonts/a375c31d43e653ec.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/m/fonts/13755630d7d202f4.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/m/fonts/da72a9f73897f5fb.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/m/fonts/3b78c6fa6456eaa9.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/m/fonts/f059b71e05ff032c.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/m/fonts/b6db4a06c119f3ab.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;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/m/fonts/6ab57b19c69b5042.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: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/m/fonts/a375c31d43e653ec.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/m/fonts/13755630d7d202f4.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/m/fonts/da72a9f73897f5fb.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/m/fonts/3b78c6fa6456eaa9.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/m/fonts/f059b71e05ff032c.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/m/fonts/b6db4a06c119f3ab.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;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/m/fonts/6ab57b19c69b5042.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: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/m/fonts/a375c31d43e653ec.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/m/fonts/13755630d7d202f4.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/m/fonts/da72a9f73897f5fb.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/m/fonts/3b78c6fa6456eaa9.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/m/fonts/f059b71e05ff032c.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/m/fonts/b6db4a06c119f3ab.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;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/m/fonts/6ab57b19c69b5042.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: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/m/fonts/a375c31d43e653ec.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/m/fonts/13755630d7d202f4.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/m/fonts/da72a9f73897f5fb.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/m/fonts/3b78c6fa6456eaa9.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/m/fonts/f059b71e05ff032c.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/m/fonts/b6db4a06c119f3ab.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;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/m/fonts/6ab57b19c69b5042.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: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/m/fonts/a375c31d43e653ec.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/m/fonts/13755630d7d202f4.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/m/fonts/da72a9f73897f5fb.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/m/fonts/3b78c6fa6456eaa9.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/m/fonts/f059b71e05ff032c.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/m/fonts/b6db4a06c119f3ab.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;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/m/fonts/6ab57b19c69b5042.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: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/m/fonts/a375c31d43e653ec.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/m/fonts/13755630d7d202f4.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/m/fonts/da72a9f73897f5fb.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/m/fonts/3b78c6fa6456eaa9.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/m/fonts/f059b71e05ff032c.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/m/fonts/b6db4a06c119f3ab.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;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/m/fonts/6ab57b19c69b5042.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: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/m/fonts/a375c31d43e653ec.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/m/fonts/13755630d7d202f4.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/m/fonts/da72a9f73897f5fb.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/m/fonts/3b78c6fa6456eaa9.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/m/fonts/f059b71e05ff032c.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/m/fonts/b6db4a06c119f3ab.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;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/m/fonts/6ab57b19c69b5042.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: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/m/fonts/a375c31d43e653ec.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/m/fonts/13755630d7d202f4.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/m/fonts/da72a9f73897f5fb.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/m/fonts/3b78c6fa6456eaa9.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/m/fonts/f059b71e05ff032c.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/m/fonts/b6db4a06c119f3ab.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;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/m/fonts/6ab57b19c69b5042.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: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/m/fonts/a375c31d43e653ec.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/m/fonts/13755630d7d202f4.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/m/fonts/da72a9f73897f5fb.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/m/fonts/3b78c6fa6456eaa9.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/m/fonts/f059b71e05ff032c.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/m/fonts/b6db4a06c119f3ab.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;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/m/fonts/6ab57b19c69b5042.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: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/m/fonts/a375c31d43e653ec.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/m/fonts/13755630d7d202f4.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/m/fonts/da72a9f73897f5fb.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/m/fonts/3b78c6fa6456eaa9.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/m/fonts/f059b71e05ff032c.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/m/fonts/b6db4a06c119f3ab.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;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/m/fonts/6ab57b19c69b5042.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: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/m/fonts/a375c31d43e653ec.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/m/fonts/13755630d7d202f4.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/m/fonts/da72a9f73897f5fb.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/m/fonts/3b78c6fa6456eaa9.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/m/fonts/f059b71e05ff032c.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/m/fonts/b6db4a06c119f3ab.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;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/m/fonts/6ab57b19c69b5042.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: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/m/fonts/f7a01dbfdd4b858a.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/m/fonts/8202b66487366b33.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/m/fonts/5d8873d8050a1d3a.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;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/m/fonts/d4d84dd169e73776.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: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/m/fonts/f7a01dbfdd4b858a.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/m/fonts/8202b66487366b33.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/m/fonts/5d8873d8050a1d3a.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;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/m/fonts/d4d84dd169e73776.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: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/m/fonts/f7a01dbfdd4b858a.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/m/fonts/8202b66487366b33.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/m/fonts/5d8873d8050a1d3a.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;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/m/fonts/d4d84dd169e73776.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: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/m/fonts/f7a01dbfdd4b858a.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/m/fonts/8202b66487366b33.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/m/fonts/5d8873d8050a1d3a.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;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/m/fonts/d4d84dd169e73776.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: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/m/fonts/f7a01dbfdd4b858a.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/m/fonts/8202b66487366b33.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/m/fonts/5d8873d8050a1d3a.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;
}
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/m/fonts/d4d84dd169e73776.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;
}
/* ===================================================================
   KATALOG PRO — ORTAK TASARIM SİSTEMİ
   Bütün sayfalar bu dosyayı paylaşır: tek kimlik, tek kaynak.

   RENK DİSİPLİNİ (rakip incelemesinden çıkarıldı, 12.09.2026)
   -----------------------------------------------------------
   Tek hue: marka mavisi #2153E0. Yeşil YALNIZ "dahil / onaylı" işareti,
   kırmızı YALNIZ hata. Üçüncü bir renk yok. Böylece sayfada mavi olan her
   şey "tıklanabilir" demek oluyor; renk süs değil, işaret.

   DERİNLİK DİSİPLİNİ
   ------------------
   Kart = 1 piksel kenarlık + yüzey dolgusu + neredeyse görünmez gölge.
   Sayfada yalnız İKİ şey havada durur: kahraman görseli ve kapanış bandı.
   Sebebi pratik: gölge koyu temada kaybolur, kenarlık kalır.

   AĞIRLIK DİSİPLİNİ
   -----------------
   En kalın başlık 600. 700 yalnız üst çubuktaki marka yazısında.
=================================================================== */

/* ---- AÇIK TEMA (temel küme; bütün renkler BURADA tanımlı) ---- */
:root{
  color-scheme: light;

  --zemin:#FFFFFF;
  --zemin-2:#F4F6FA;          /* bölüm bandı */
  --yuzey:#FFFFFF;            /* kart */
  --yuzey-2:#F7F9FC;
  --cizgi:#DFE4EC;
  --cizgi-2:#EDF0F5;

  --metin:#141821;
  --metin-2:#4A5262;
  --metin-3:#737C8C;

  --vurgu:#2153E0;            /* marka mavisi */
  --vurgu-uzeri:#FFFFFF;
  --vurgu-koyu:#1A45BE;
  --vurgu-yumusak:#E8EEFD;
  --vurgu-yazi:#1A45BE;

  --olumlu:#1E7B42;
  --olumlu-yumusak:#E6F3EB;
  --hata:#C0303A;
  --hata-yumusak:#FBEDEE;

  --bant:#2153E0;             /* kapanış bandı */
  --bant-uzeri:#FFFFFF;

  --golge:0 1px 3px rgba(20,24,33,.05), 0 1px 2px -1px rgba(20,24,33,.04);
  --golge-yuzen:0 12px 40px rgba(20,24,33,.13);

  --r-kucuk:8px;
  --r:12px;
  --r-buyuk:16px;
  --r-bant:24px;

  --en:1180px;
  --gecis:180ms;
}

/* ---- KOYU TEMA: sistem tercihi (elle "açık" seçilmediyse) ---- */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    color-scheme: dark;
    --zemin:#151A22;
    --zemin-2:#141922;
    --yuzey:#1C222C;
    --yuzey-2:#1B2029;
    --cizgi:#272E3A;
    --cizgi-2:#1F2530;
    --metin:#E8EBF0;
    --metin-2:#A8B0BE;
    --metin-3:#7F8797;
    --vurgu:#6C8DFF;
    --vurgu-uzeri:#0B1226;
    --vurgu-koyu:#8AA5FF;
    --vurgu-yumusak:#182348;
    --vurgu-yazi:#A8BFFF;
    --olumlu:#5CC98A;
    --olumlu-yumusak:#12281C;
    --hata:#FF8A8A;
    --hata-yumusak:#2E1618;
    --bant:#1A45BE;
    --bant-uzeri:#FFFFFF;
    --golge:0 1px 3px rgba(0,0,0,.4), 0 1px 2px -1px rgba(0,0,0,.3);
    --golge-yuzen:0 12px 40px rgba(0,0,0,.5);
  }
}

/* ---- KOYU TEMA: elle seçim (her iki yönde de kazansın) ---- */
:root[data-theme="dark"]{
  color-scheme: dark;
  --zemin:#151A22;
  --zemin-2:#141922;
  --yuzey:#1C222C;
  --yuzey-2:#1B2029;
  --cizgi:#272E3A;
  --cizgi-2:#1F2530;
  --metin:#E8EBF0;
  --metin-2:#A8B0BE;
  --metin-3:#7F8797;
  --vurgu:#6C8DFF;
  --vurgu-uzeri:#0B1226;
  --vurgu-koyu:#8AA5FF;
  --vurgu-yumusak:#182348;
  --vurgu-yazi:#A8BFFF;
  --olumlu:#5CC98A;
  --olumlu-yumusak:#12281C;
  --hata:#FF8A8A;
  --hata-yumusak:#2E1618;
  --bant:#1A45BE;
  --bant-uzeri:#FFFFFF;
  --golge:0 1px 3px rgba(0,0,0,.4), 0 1px 2px -1px rgba(0,0,0,.3);
  --golge-yuzen:0 12px 40px rgba(0,0,0,.5);
}

*{box-sizing:border-box}
html{scrollbar-gutter:stable; scroll-behavior:smooth}
body{
  margin:0; background:var(--zemin); color:var(--metin-2);
  font-family:Figtree,-apple-system,"Segoe UI",Roboto,sans-serif;
  font-size:16.5px; line-height:1.65;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
[hidden]{display:none !important}   /* yayın betiği gizlemeyi buna dayıyor */

img,video{max-width:100%; height:auto; display:block}
a{color:var(--vurgu); text-decoration:none}
a:hover{color:var(--vurgu-koyu)}
:focus-visible{outline:2px solid var(--vurgu); outline-offset:3px; border-radius:4px}

h1,h2,h3,h4{color:var(--metin); margin:0; line-height:1.16;
            letter-spacing:-.018em; text-wrap:balance; font-weight:600}
h1{font-size:clamp(32px,5.6vw,54px); letter-spacing:-.026em}
h2{font-size:clamp(25px,3.8vw,35px)}
h3{font-size:clamp(17px,2.2vw,20px)}
h4{font-size:16px}
p{margin:0 0 14px}
p:last-child{margin-bottom:0}
strong,b{color:var(--metin); font-weight:600}

.kap{width:100%; max-width:var(--en); margin-inline:auto; padding-inline:20px}
@media(min-width:640px){ .kap{padding-inline:28px} }

section{padding-block:56px}
@media(min-width:768px){ section{padding-block:84px} }
.bant-2{background:var(--zemin-2)}

/* ---- bölüm başlığı: her yerde AYNI formül ---- */
.ustetiket{font-size:12.5px; font-weight:600; letter-spacing:.17em;
           text-transform:uppercase; color:var(--vurgu-yazi); margin:0 0 14px}
.bolum-bas{max-width:62ch}
.bolum-bas.orta{margin-inline:auto; text-align:center}
.giris{font-size:17.5px; color:var(--metin-3); margin:16px 0 0; text-wrap:pretty}

/* ---- düğmeler ---- */
.dugme{
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  height:50px; padding:0 26px; border-radius:var(--r);
  font-size:16px; font-weight:600; font-family:inherit;
  border:1px solid transparent; cursor:pointer; white-space:nowrap;
  transition:background var(--gecis), color var(--gecis),
             border-color var(--gecis), box-shadow var(--gecis);
}
.dugme.ana{background:var(--vurgu); color:var(--vurgu-uzeri); box-shadow:var(--golge)}
.dugme.ana:hover{background:var(--vurgu-koyu); color:var(--vurgu-uzeri);
                 box-shadow:var(--golge-yuzen)}
.dugme.ikincil{background:var(--yuzey); color:var(--metin); border-color:var(--cizgi)}
.dugme.ikincil:hover{background:var(--yuzey-2); border-color:var(--metin-3); color:var(--metin)}
.dugme svg{width:19px; height:19px; flex:0 0 auto}
.eylemler{display:flex; flex-wrap:wrap; gap:12px; margin-top:26px}
.risk{font-size:14px; color:var(--metin); margin:14px 0 0}  /* renkli degradenin ustunde duran tek yazi (21.09 olcumu) */  /* degradenin ustunde duruyor, bir ton koyu (21.09 olcumu) */

/* ---- kart ---- */
.kart{
  background:var(--yuzey); border:1px solid var(--cizgi);
  border-radius:var(--r-buyuk); box-shadow:var(--golge); padding:24px;
}
.kart h3{margin-bottom:8px}
.kart p{color:var(--metin-3); font-size:15.5px}
a.kart{display:flex; flex-direction:column; color:inherit;
       transition:border-color var(--gecis), box-shadow var(--gecis)}
a.kart:hover{border-color:var(--vurgu); box-shadow:var(--golge-yuzen)}
.kart-oku{margin-top:auto; padding-top:14px; color:var(--vurgu);
          font-weight:600; font-size:15px; display:inline-flex; gap:6px}
a.kart:hover .kart-oku i{transform:translateX(3px)}
.kart-oku i{font-style:normal; transition:transform var(--gecis)}

.simge{width:44px; height:44px; border-radius:var(--r); background:var(--vurgu-yumusak);
       color:var(--vurgu-yazi); display:grid; place-items:center; margin-bottom:14px}
.simge svg{width:22px; height:22px}

.izgara{display:grid; gap:18px; margin-top:38px}
.izgara.i2{grid-template-columns:1fr}
.izgara.i3{grid-template-columns:1fr}
.izgara.i4{grid-template-columns:repeat(2,1fr)}
/* i5 (15.09.2026, "Beş iş" kartları): telefonda 2 sütun ve tek kalan son kart
   iki sütunu kaplar; tablette 3+2; geniş ekranda 5 yan yana. */
.izgara.i5{grid-template-columns:repeat(2,1fr)}
.izgara.i5>:last-child{grid-column:1/-1}
@media(min-width:640px){
  .izgara.i2{grid-template-columns:repeat(2,1fr)}
  .izgara.i3{grid-template-columns:repeat(2,1fr)}
  .izgara.i4{grid-template-columns:repeat(3,1fr)}
  .izgara.i5{grid-template-columns:repeat(3,1fr)}
  .izgara.i5>:last-child{grid-column:auto}
}
@media(min-width:900px){
  .izgara.i3{grid-template-columns:repeat(3,1fr)}
  .izgara.i4{grid-template-columns:repeat(4,1fr)}
}
@media(min-width:1100px){
  .izgara.i5{grid-template-columns:repeat(5,1fr)}
}

/* ---- kimler için: küçük kutucuk duvarı ----
   Telefonda 2, tablette 3-4, ekranda 6 sütun. Tek satıra düşerse
   kutucuklar saçma büyür, o yüzden en az iki sütun. */
.kutucuklar{display:grid; gap:12px; margin-top:38px;
            grid-template-columns:repeat(2,1fr)}
@media(min-width:560px){ .kutucuklar{grid-template-columns:repeat(3,1fr)} }
@media(min-width:820px){ .kutucuklar{grid-template-columns:repeat(4,1fr)} }
@media(min-width:1040px){ .kutucuklar{grid-template-columns:repeat(6,1fr)} }
.kutucuk{background:var(--yuzey); border:1px solid var(--cizgi);
  border-radius:var(--r); padding:18px 12px; text-align:center;
  display:flex; flex-direction:column; align-items:center; gap:10px;
  font-size:14.5px; color:var(--metin-2)}
.kutucuk .simge{margin-bottom:0; width:40px; height:40px}
.kutucuk .simge svg{width:20px; height:20px}

/* ---- onay listesi ---- */
ul.onay{list-style:none; padding:0; margin:0; display:grid; gap:10px}
ul.onay li{display:flex; gap:10px; align-items:flex-start; font-size:15.5px}
ul.onay li::before{
  content:""; flex:0 0 auto; width:19px; height:19px; margin-top:3px;
  border-radius:50%; background:var(--olumlu-yumusak);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E7B42' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 13 4 4L19 7'/%3E%3C/svg%3E");
  background-size:12px; background-repeat:no-repeat; background-position:center;
}
:root[data-theme="dark"] ul.onay li::before,
:root:not([data-theme="light"]) ul.onay li::before{}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) ul.onay li::before{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235CC98A' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 13 4 4L19 7'/%3E%3C/svg%3E");
  }
}
:root[data-theme="dark"] ul.onay li::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235CC98A' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 13 4 4L19 7'/%3E%3C/svg%3E");
}

/* ---- üst çubuk ---- */
.ust{
  position:sticky; top:0; z-index:40; border-bottom:1px solid var(--cizgi);
  background:color-mix(in srgb, var(--zemin) 86%, transparent);
  backdrop-filter:saturate(160%) blur(12px);
}
.ust .kap{display:flex; align-items:center; gap:14px; height:64px}
.marka{display:flex; align-items:center; gap:10px; flex:0 0 auto}
.marka img{width:26px; height:26px}
.marka b{font-size:17px; font-weight:700; color:var(--metin); letter-spacing:-.02em}
.marka .koyu-isaret{display:none}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .marka .acik-isaret{display:none}
  :root:not([data-theme="light"]) .marka .koyu-isaret{display:block}
}
:root[data-theme="dark"] .marka .acik-isaret{display:none}
:root[data-theme="dark"] .marka .koyu-isaret{display:block}

.ust nav{display:none; gap:2px; margin-left:14px}
.ust nav a{padding:8px 12px; border-radius:var(--r-kucuk); font-size:15px;
           font-weight:500; color:var(--metin-2)}
.ust nav a:hover{background:var(--yuzey-2); color:var(--vurgu)}
.ust nav a[aria-current="page"]{color:var(--vurgu); background:var(--vurgu-yumusak)}
/* Ucretsiz katalog menunun en guclu maddesi: cerceveyle ayrisiyor ki
   dort gri baglantinin arasinda kaybolmasin. Renk yine tek mavi. */
.ust nav a.gez-one{color:var(--vurgu); border:1px solid color-mix(in srgb, var(--vurgu) 42%, transparent);
                   padding:7px 11px; margin-left:4px}
.ust nav a.gez-one:hover{background:var(--vurgu-yumusak)}
.gezinme-kat a.gez-one{color:var(--vurgu); font-weight:600}
.ust .sag{margin-left:auto; display:flex; align-items:center; gap:8px}
@media(min-width:1060px){ .ust nav{display:flex} }

.tema-dugme{
  width:40px; height:40px; border-radius:var(--r-kucuk); background:transparent;
  border:1px solid var(--cizgi); color:var(--metin-2); cursor:pointer;
  display:grid; place-items:center; transition:background var(--gecis), color var(--gecis);
}
.tema-dugme:hover{background:var(--yuzey-2); color:var(--metin)}
/* Seciciler marka mavisine dondu; menu dugmesi gri kalirsa baslikta
   iki ayri ikon dili olur. */
.tema-dugme svg{width:19px; height:19px; color:var(--vurgu-yazi)}
.ust .dugme{height:40px; padding:0 16px; font-size:14.5px}
.menu-dugme{display:grid}
@media(min-width:1060px){ .menu-dugme{display:none} }

/* açılır menü (telefon) */
/* Baslik sticky oldugu icin kat da SABIT olmali: normal akista
   kalirsa sayfa asagidayken menu ekranin disinda aciliyor ve
   "hamburger calismiyor" gibi gorunuyor. */
.gezinme-kat{position:fixed; top:64px; left:0; right:0; z-index:39;
  border-bottom:1px solid var(--cizgi); background:var(--zemin);
  max-height:calc(100dvh - 64px); overflow-y:auto;
  box-shadow:var(--golge-yuzen)}
.gezinme-kat .kap{display:grid; gap:2px; padding-block:10px}
.gezinme-kat a{padding:11px 12px; border-radius:var(--r-kucuk);
               color:var(--metin-2); font-weight:500}
.gezinme-kat a:hover{background:var(--yuzey-2)}

/* Kahramandaki ikinci yol: indirmeden once ucretsiz katalog.
   Kart degil SERIT — indirme dugmesiyle yarismasin, ama goz kacirmasin.
   Tek mavi disiplini korunuyor: cerceve ve ok vurgudan. */
.kahraman-teklif{
  display:flex; align-items:center; gap:12px; margin-top:16px;
  padding:13px 16px; border-radius:var(--r);
  border:1px solid color-mix(in srgb, var(--vurgu) 34%, transparent);
  background:var(--vurgu-yumusak); color:var(--metin-2);
  font-size:14.5px; line-height:1.5; text-decoration:none;
  transition:border-color var(--gecis), background var(--gecis);
}
.kahraman-teklif b{color:var(--vurgu-yazi); font-weight:600}
.kahraman-teklif svg{width:19px; height:19px; flex:none;
  color:var(--vurgu-yazi); transition:transform var(--gecis)}
.kahraman-teklif:hover{border-color:var(--vurgu)}
.kahraman-teklif:hover svg{transform:translateX(3px)}
@media (prefers-reduced-motion: reduce){
  .kahraman-teklif svg{transition:none}
  .kahraman-teklif:hover svg{transform:none}
}

/* ---- kahraman ---- */
.kahraman{padding-block:44px 60px}
@media(min-width:900px){ .kahraman{padding-block:72px 96px} }
.kahraman .k-izgara{display:grid; gap:40px; align-items:center}
@media(min-width:900px){
  .kahraman .k-izgara{grid-template-columns:1.05fr .95fr; gap:56px}
}
.rozet-satir{display:inline-flex; align-items:center; gap:9px; padding:6px 14px 6px 10px;
  border:1px solid var(--cizgi); border-radius:999px; background:var(--yuzey);
  font-size:13.5px; font-weight:500; color:var(--metin-2); margin-bottom:20px}
.nokta{width:8px; height:8px; border-radius:50%; background:var(--olumlu); flex:0 0 auto}
.kahraman h1 em{font-style:normal; color:var(--vurgu)}
.kahraman .alt{font-size:18px; color:var(--metin-3); margin-top:18px; max-width:54ch}
.guven-serit{display:flex; flex-wrap:wrap; gap:16px 26px; margin-top:26px;
             padding-top:22px; border-top:1px solid var(--cizgi-2)}
.guven-serit span{display:flex; align-items:center; gap:8px; font-size:14.5px;
                  color:var(--metin-2)}
.guven-serit svg{width:17px; height:17px; color:var(--olumlu); flex:0 0 auto}

/* kahraman görseli — sayfada havada duran İKİ şeyden biri */
.vitrin{position:relative; padding-top:40px}
.vitrin-cerceve{
  background:var(--yuzey); border:1px solid var(--cizgi);
  border-radius:var(--r-bant); box-shadow:var(--golge-yuzen); padding:14px;
  transform:rotate(-1.2deg);
}
.vitrin-cerceve img{border-radius:var(--r); width:100%}
/* Rozet eskiden cerceveyi TASIYORDU ve ustten kirpiliyordu (Enes
   farketti). Artik telefonun sag ust kosesine oturuyor. */
.vitrin-etiket{
  position:absolute; top:0; right:4px; z-index:4;
  background:var(--vurgu); color:var(--vurgu-uzeri); font-size:13px; font-weight:600;
  padding:7px 14px; border-radius:999px; box-shadow:var(--golge-yuzen);
}
.vitrin-not{text-align:center; font-size:13.5px; color:var(--metin-3); margin-top:18px}

/* ---- telefon çerçevesi ----
   Dikey video dar bir dikdörtgen olarak duruyordu; telefon kasası hem
   büyütüyor hem "bu Instagram'a gidecek" mesajını veriyor. */
.telefon{position:relative; width:min(390px,88vw); margin-inline:auto;
  border-radius:38px; padding:11px; background:linear-gradient(160deg,#2A3040,#151A24);
  box-shadow:var(--golge-yuzen), inset 0 0 0 1px rgba(255,255,255,.08)}
.telefon .ekran{position:relative; border-radius:28px; overflow:hidden;
  background:#000; aspect-ratio:9/16}
.telefon video{width:100%; height:100%; object-fit:contain; display:block}

/* Büyütülen tüm filmler: dikey ve yatay oran korunur, ekran taşmaz. */
dialog.video-pencere{--film-oran:0.5625;width:min(1100px,calc(100vw - 32px),calc((100vh - 100px) * var(--film-oran)));width:min(1100px,calc(100vw - 32px),calc((100dvh - 100px) * var(--film-oran)));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;border-radius:16px;background:#0f131a;color:#fff;overflow:hidden;box-shadow:0 24px 80px #0008}
.video-pencere::backdrop{background:rgba(0,0,0,.82)}
.video-pencere-bas{height:52px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 8px 4px 16px;font-size:13px}
.video-pencere-bas span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.video-pencere-kapat{flex-shrink:0;width:44px;height:44px;border:0;border-radius:10px;background:#ffffff14;color:#fff;font-size:28px;cursor:pointer}
.video-pencere-kapat:hover{background:#ffffff30}
.video-pencere-kapat:focus-visible,.video-buyut:focus-visible{outline:3px solid #7cb9ff;outline-offset:-3px}
.video-pencere video{display:block;width:100%;height:auto;max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px);object-fit:contain;background:#000}
.video-pencere video::-webkit-media-controls-fullscreen-button{display:none}
.video-pencere-alt{min-height:44px;padding:6px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}
.video-pencere-alt button{padding:6px 14px;border:0;border-radius:6px;background:#2555ef;color:#fff;font:inherit;cursor:pointer}
dialog.video-pencere{width:min(1100px,calc(100vw - 32px),calc((100vh - 144px) * var(--film-oran)));width:min(1100px,calc(100vw - 32px),calc((100dvh - 144px) * var(--film-oran)))}
.video-pencere video{max-height:calc(100vh - 144px);max-height:calc(100dvh - 144px)}
.vitrin-cerceve video{object-fit:contain}
.video-buyut{display:block;margin:10px auto;padding:10px 16px;border:1px solid var(--cizgi);border-radius:10px;background:var(--yuzey);color:var(--metin);font:inherit;font-size:13px;cursor:pointer}
video:fullscreen{object-fit:contain;background:#000}
.telefon .centik{position:absolute; top:16px; left:50%; transform:translateX(-50%);
  width:86px; height:20px; border-radius:12px; background:#0B0E14; z-index:2}

/* Kapak + oynat düğmesi: sayfa açılınca video BAŞLAMAZ. Basınca hem
   oynar hem sesi açılır — Enes'in istediği davranış. */
.oynat-kat{position:absolute; inset:0; z-index:3; border:0; padding:0;
  cursor:pointer; background-size:cover; background-position:center;
  display:grid; place-items:center}
.oynat-kat::after{content:""; position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(6,8,12,.18),rgba(6,8,12,.55))}
.oynat-dugme{position:relative; z-index:2; width:74px; height:74px;
  border-radius:50%; background:rgba(255,255,255,.94); display:grid;
  place-items:center; box-shadow:0 10px 30px rgba(0,0,0,.35);
  transition:transform var(--gecis)}
.oynat-kat:hover .oynat-dugme{transform:scale(1.07)}
.kahraman .oynat-kat::after{background:none}
.kahraman .oynat-yazi{bottom:10px;left:12px;right:12px;padding:6px 3px;background:rgba(255,255,255,.96);border-radius:6px;color:#172134;font-size:11px;text-shadow:none}
.oynat-dugme svg{width:30px; height:30px; color:#141821; margin-left:4px}
.oynat-yazi{position:absolute; z-index:2; bottom:20px; left:0; right:0;
  text-align:center; color:#fff; font-size:14px; font-weight:500;
  text-shadow:0 1px 8px rgba(0,0,0,.6)}

/* ---- adım listesi ---- */
ol.adimlar{list-style:none; counter-reset:a; padding:0; margin:38px 0 0;
           display:grid; gap:18px}
@media(min-width:768px){ ol.adimlar{grid-template-columns:repeat(3,1fr)} }
ol.adimlar li{counter-increment:a; background:var(--yuzey);
  border:1px solid var(--cizgi); border-radius:var(--r-buyuk); padding:24px}
ol.adimlar li::before{
  content:counter(a); display:grid; place-items:center;
  width:42px; height:42px; border-radius:50%; background:var(--vurgu);
  color:var(--vurgu-uzeri); font-weight:600; font-size:19px; margin-bottom:14px;
  font-variant-numeric:tabular-nums;
}

/* ---- fiyat ---- */
.donem{display:inline-flex; gap:3px; padding:4px; background:var(--yuzey-2);
       border:1px solid var(--cizgi); border-radius:999px; margin:28px auto 0}
.donem button{border:0; background:transparent; font-family:inherit; font-size:14.5px;
  font-weight:600; color:var(--metin-3); padding:9px 18px; border-radius:999px;
  cursor:pointer; transition:background var(--gecis), color var(--gecis)}
.donem button[aria-selected="true"]{background:var(--yuzey); color:var(--metin);
  box-shadow:var(--golge)}
.planlar{display:grid; gap:18px; max-width:1060px; margin:34px auto 0}
@media(min-width:680px){ .planlar{grid-template-columns:1fr 1fr} }
@media(min-width:980px){ .planlar{grid-template-columns:repeat(3,1fr)} }
.plan.ucretsiz{border-style:dashed}
.plan .kota-not{font-size:13px; color:var(--metin-3); margin-top:16px; padding-top:14px; border-top:1px solid var(--cizgi-2)}
.plan{background:var(--yuzey); border:1px solid var(--cizgi);
      border-radius:var(--r-buyuk); padding:26px; position:relative}
.plan.one-cikan{border-color:var(--vurgu)}
.plan-rozet{position:absolute; top:-12px; right:22px; background:var(--vurgu);
  color:var(--vurgu-uzeri); font-size:12px; font-weight:600; letter-spacing:.04em;
  padding:5px 12px; border-radius:999px}
.plan .kime{font-size:14.5px; color:var(--metin-3); margin:4px 0 18px}
.fiyat{display:flex; align-items:baseline; gap:9px; flex-wrap:wrap; margin-bottom:6px}
.fiyat .tutar{font-size:38px; font-weight:600; color:var(--metin);
              letter-spacing:-.03em; font-variant-numeric:tabular-nums}
.fiyat .eski{font-size:17px; color:var(--metin-3); text-decoration:line-through}
.fiyat .birim{font-size:15px; color:var(--metin-3)}
/* Fiyatlar KDV HARİÇ (20.09.2026, Enes). Not küçük ama okunur olmalı:
   gizlenmiş bir KDV uyarısı tüketici şikâyeti doğurur. */
.fiyat .kdv-not{font-size:13px; color:var(--metin-3); font-weight:500; white-space:nowrap}
.indirim{font-size:12.5px; font-weight:600; color:var(--olumlu);
  background:var(--olumlu-yumusak); padding:3px 9px; border-radius:999px}
.fiyat-alt{font-size:14px; color:var(--metin-3); margin:0 0 18px; min-height:20px}
.plan ul.onay{margin-top:18px; gap:0}
.plan ul.onay li{font-size:14px; gap:8px; padding:6px 0; align-items:baseline}
.plan ul.onay li>span{flex:1; min-width:0}
.plan ul.onay b{color:var(--metin); font-weight:600}
.plan ul.onay em{font-style:normal; font-size:11.5px; font-weight:600;
  color:var(--metin-3); white-space:nowrap; flex:none}
.plan ul.onay li.grup{display:block; font-size:11px; font-weight:700;
  letter-spacing:.09em; text-transform:uppercase; color:var(--metin-3);
  margin-top:16px; padding-top:12px; border-top:1px solid var(--cizgi-2)}
.plan ul.onay li.grup:first-child{margin-top:0; padding-top:0; border-top:0}
.plan ul.onay li.grup::before{content:none; display:none}

/* ---- SSS: yerleşik açılır (sıfır JavaScript) ---- */
.sss{border:1px solid var(--cizgi); border-radius:var(--r-buyuk);
     background:var(--yuzey); overflow:hidden; max-width:760px; margin:34px auto 0}
.sss details{border-bottom:1px solid var(--cizgi)}
.sss details:last-child{border-bottom:0}
.sss summary{padding:18px 22px; cursor:pointer; font-weight:600; color:var(--metin);
  display:flex; align-items:center; gap:12px; list-style:none;
  transition:background var(--gecis)}
.sss summary::-webkit-details-marker{display:none}
.sss summary:hover{background:var(--yuzey-2)}
.sss summary::after{content:""; margin-left:auto; width:11px; height:11px;
  border-right:2px solid var(--metin-3); border-bottom:2px solid var(--metin-3);
  transform:rotate(45deg) translate(-2px,-2px); transition:transform var(--gecis)}
.sss details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.sss .cevap{padding:0 22px 20px; color:var(--metin-3); font-size:15.5px}

/* ---- kapanış bandı — havada duran ikinci şey ---- */
.kapanis-bant{background:var(--bant); color:var(--bant-uzeri);
  border-radius:var(--r-bant); padding:44px 28px; box-shadow:var(--golge-yuzen);
  display:grid; gap:26px; align-items:center; margin-block:0}
@media(min-width:820px){
  .kapanis-bant{grid-template-columns:1.6fr 1fr; padding:56px 48px}
}
.kapanis-bant h2{color:var(--bant-uzeri)}
.kapanis-bant p{color:rgba(255,255,255,.84); margin:12px 0 0}
.kapanis-bant .dugme.ana{background:#fff; color:#1A45BE}
.kapanis-bant .dugme.ana:hover{background:#EEF2FF; color:#1A45BE}
.kapanis-bant .eylemler{margin-top:0}

/* ---- galeri ----
   Broşürler KIRPILMIYOR. Önce `aspect-ratio:3/4 + object-fit:cover`
   kullanılmıştı ve sayfaların altı kesiliyordu; tasarım ürünü satan bir
   sitede kesik sayfa "yarım iş" izlenimi veriyor. Artık her görsel kendi
   oranında duruyor, ızgara üstten hizalı. */
.galeri{display:grid; gap:16px; margin-top:38px; align-items:start;
        grid-template-columns:repeat(2,1fr)}
@media(min-width:720px){ .galeri{grid-template-columns:repeat(3,1fr)} }
@media(min-width:1000px){ .galeri{grid-template-columns:repeat(4,1fr)} }
.galeri figure{margin:0; background:var(--yuzey); border:1px solid var(--cizgi);
  border-radius:var(--r); overflow:hidden; box-shadow:var(--golge);
  transition:box-shadow var(--gecis), border-color var(--gecis)}
.galeri figure:hover{box-shadow:var(--golge-yuzen); border-color:var(--vurgu)}
.galeri img,.galeri video{width:100%; display:block; height:auto; cursor:zoom-in}
.galeri figcaption{padding:10px 13px; font-size:13.5px; color:var(--metin-3)}

/* ---- büyüteç: görsele tıklayınca tam ekran, tam çözünürlükte ---- */
.buyutec{position:fixed; inset:0; z-index:60; display:grid; place-items:center;
  background:rgba(8,10,14,.92); padding:24px; cursor:zoom-out;
  backdrop-filter:blur(3px)}
.buyutec img{max-width:min(96vw,1100px); max-height:92vh; width:auto; height:auto;
  border-radius:var(--r); box-shadow:0 24px 70px rgba(0,0,0,.55); cursor:default}
.buyutec .kapat{position:absolute; top:16px; right:18px; width:44px; height:44px;
  border-radius:50%; border:0; background:rgba(255,255,255,.14); color:#fff;
  font-size:24px; line-height:1; cursor:pointer}
.buyutec .kapat:hover{background:rgba(255,255,255,.26)}
.buyutec figcaption{position:absolute; bottom:22px; left:0; right:0;
  text-align:center; color:#D6DAE3; font-size:14.5px}

/* ---- tablo ---- */
.tablo-kutu{overflow-x:auto; border:1px solid var(--cizgi);
            border-radius:var(--r-buyuk); background:var(--yuzey); margin-top:32px}
table{border-collapse:collapse; width:100%; min-width:520px; font-size:15px}
th,td{text-align:left; padding:13px 18px; border-bottom:1px solid var(--cizgi-2)}
th{font-weight:600; color:var(--metin); font-size:13px; text-transform:uppercase;
   letter-spacing:.06em; background:var(--yuzey-2)}
tr:last-child td{border-bottom:0}
td.sayi{font-variant-numeric:tabular-nums; white-space:nowrap}

/* ---- e-posta formu (mobil kaybını kapatır) ---- */
.posta-kutu{background:var(--yuzey); border:1px solid var(--cizgi);
  border-radius:var(--r-buyuk); padding:22px; box-shadow:var(--golge)}
.posta-kutu h3{margin-bottom:6px}
.posta-form{display:flex; gap:10px; flex-wrap:wrap; margin-top:16px}
.posta-kutu input[type=text],.posta-kutu input[type=tel],
.posta-kutu input[type=email],.posta-kutu select,.posta-kutu textarea{
  width:100%; padding:13px 15px; font-family:inherit; font-size:16px;
  border:1px solid var(--cizgi); border-radius:var(--r);
  background:var(--zemin); color:var(--metin); resize:vertical;
}
.posta-kutu input:focus,.posta-kutu select:focus,.posta-kutu textarea:focus{
  outline:2px solid var(--vurgu); outline-offset:1px; border-color:var(--vurgu)}
.posta-form input[type=email]{
  flex:1 1 220px; height:50px; padding:0 15px; font-family:inherit; font-size:16px;
  border:1px solid var(--cizgi); border-radius:var(--r); background:var(--zemin);
  color:var(--metin);
}
.posta-form input[type=email]:focus{outline:2px solid var(--vurgu); outline-offset:1px;
  border-color:var(--vurgu)}
.posta-kucuk{font-size:13px; color:var(--metin-3); margin:12px 0 0}
.posta-durum{font-size:14.5px; margin:12px 0 0; font-weight:500}
.posta-durum.iyi{color:var(--olumlu)}
.posta-durum.kotu{color:var(--hata)}
.balkupu{position:absolute !important; left:-9999px; width:1px !important; height:1px; overflow:hidden}

/* ---- baslik secicileri (tema / dil) ---- */
.secici{position:relative}
.secici-dugme{
  display:inline-flex; align-items:center; gap:8px; height:38px;
  padding:0 10px 0 6px; border-radius:10px; cursor:pointer;
  border:1px solid var(--cizgi); background:var(--yuzey);
  color:var(--metin-2); font:500 14px/1 inherit; font-family:inherit;
  transition:border-color var(--gecis), color var(--gecis);
}
.secici-dugme:hover{border-color:var(--metin-3); color:var(--metin)}
/* Ikon SITENIN dilinde: kartlardaki `.simge` gibi yumusak mavi kare
   zemin + marka mavisi cizgi. Once gri ve ciplakti; baslik sitenin geri
   kalaniyla akraba gorunmuyordu. */
.secici-dugme > svg:not(.ok){width:15px; height:15px; flex:none;
                    color:var(--vurgu-yazi);
                    background:var(--vurgu-yumusak);
                    border-radius:7px; padding:4px; box-sizing:content-box}
.secici-dugme .ok{width:12px; height:12px; opacity:.5;
                  margin-left:1px;
                  transition:transform var(--gecis)}
.secici-dugme[aria-expanded="true"] .ok{transform:rotate(180deg)}
.secici-dugme[aria-expanded="true"]{border-color:var(--vurgu);
                                    color:var(--metin)}
.secici-dugme .ad{white-space:nowrap}

.secici-kat{
  position:absolute; top:calc(100% + 7px); right:0; z-index:60;
  min-width:178px; margin:0; padding:6px; list-style:none;
  background:var(--yuzey); border:1px solid var(--cizgi);
  border-radius:14px; box-shadow:var(--golge-yuzen);
}
.secici-kat li{margin:0}
.secici-kat button,.secici-kat a{
  display:flex; align-items:center; gap:9px; width:100%;
  padding:9px 10px; border:0; border-radius:9px; background:none;
  color:var(--metin-2); font:500 15px/1.3 inherit; font-family:inherit;
  text-align:left; cursor:pointer; text-decoration:none;
}
.secici-kat button:hover,.secici-kat a:hover{
  background:var(--zemin-2); color:var(--metin)}
.secici-kat [aria-selected="true"]{color:var(--vurgu); font-weight:600}
.secici-kat .tik{width:15px; height:15px; flex:none; opacity:0}
.secici-kat [aria-selected="true"] .tik{opacity:1}

/* HER EKRANDA BASLIKTA. Once telefonda gizlenip menu katina
   tasinmislardi; telefondan giren kullanici iki kontrolu de hic
   goremiyordu. Dar ekranda METIN duser, ikon + ok kalir. */
.kat-secici{display:none !important}
@media(max-width:620px){
  .secici-dugme .ad{display:none}
  .secici-dugme{padding:0 8px; gap:5px}
  .ust .kap{gap:6px; padding-inline:14px}
  .menu-dugme{width:38px; height:38px}
  /* Basliktaki satis dugmesi telefonda kalkiyor: Ingilizce'de
     "Download" satiri tasiriyordu. Menunun ilk maddesi ve kahramandaki
     buyuk dugme yerini tutuyor. */
  .ust .sag > .dugme.ana{display:none}
}

/* ---- ucretsiz katalog talebi ----
   Sayfa Katalog Sihirbazi'nin kopyasi; duzen onizlemesi de oradaki
   gorunumu tasiyor (az urunlu satirin kutucuklari GENIS). */
.kt-kap{max-width:900px}
.kt-sart{display:flex; flex-wrap:wrap; gap:8px 20px; justify-content:center;
         margin-top:18px; font-size:14.5px; color:var(--metin-3)}
.kt-sart span{font-weight:700;color:var(--metin-2)}
.kt-alan > span{font-weight:700;color:var(--metin-2)}

.kt-ust{margin-bottom:22px}
.kt-cubuklar{display:flex; gap:5px; margin-bottom:10px}
.kt-cubuklar i{height:4px; flex:1; border-radius:3px; background:var(--cizgi)}
.kt-cubuklar i.dolu{background:var(--vurgu)}
.kt-sayac{font-size:13.5px; color:var(--metin-3); margin:0}

.kt-adim{border:0; padding:0; margin:0}
.kt-adim h2{font-size:22px; margin-bottom:4px}
.kt-aciklama{color:var(--metin-3); font-size:15px; margin-bottom:20px}
/* 2. ekran: kapak ve ayrıntılar birbirine karışmasın. */
.kt-adim[data-ekran="2"]{padding:24px; margin-bottom:18px;
  border:1px solid var(--cizgi); border-radius:var(--r);
  background:var(--yuzey)}
.kt-adim[data-ekran="2"] h2{margin-top:0}
.kt-adim[data-ekran="2"] .kt-ipucu{margin-top:4px}
.kt-adim[data-ekran="2"] + .kt-adim[data-ekran="2"]{margin-top:0}
#ktBant{margin-top:16px; padding:18px; border:1px dashed var(--cizgi);
  border-radius:var(--r); background:var(--zemin-2)}
.kt-zorunlu-not{padding:10px 12px; margin:0 0 16px; border-left:3px solid var(--vurgu);
  border-radius:6px; background:var(--vurgu-yumusak); color:var(--metin-2); font-size:14px}
.kt-foto-zorunlu{font-size:12px; font-weight:700; color:var(--metin-2); margin-right:4px}
.kt-hazir-gorseller{margin-top:20px; padding:18px; border:1px solid var(--vurgu);
  border-radius:var(--r); background:var(--vurgu-yumusak)}
.kt-hazir-gorseller h3{margin:0 0 4px; font-size:18px}
.kt-hazir-gorseller .kt-aciklama{margin-bottom:12px}
.kt-gorsel-yukle{display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:12px; border:1px dashed var(--cizgi); border-radius:8px; background:var(--yuzey)}
.kt-gorsel-yukle input{max-width:220px}
.kt-hazir-liste{display:flex; flex-wrap:wrap; gap:8px; margin-top:12px}
.kt-hazir-liste img{width:92px; height:92px; object-fit:cover; border-radius:8px; border:1px solid var(--cizgi)}
/* ALANLARIN GORUNUSU — sitenin geri kalaniyla ayni dil.
   Once yalniz genislik veriliyordu; kenarlik, yaricap, zemin, yazi
   tipi ve odak halkasi tarayicidan geliyordu (metin ve tarih alanlari
   daktilo fontuna dusuyordu). `#ktForm` altina yaziliyor ki JS ile
   sonradan uretilen urun alanlari da ayni dili alsin. */
#ktForm input[type=text],#ktForm input[type=tel],#ktForm input[type=email],
#ktForm input[type=date],#ktForm select,#ktForm textarea{
  width:100%; padding:12px 14px; font-family:inherit; font-size:16px;
  line-height:1.35; border:1px solid var(--cizgi); border-radius:var(--r);
  background:var(--zemin); color:var(--metin); resize:vertical;
  transition:border-color var(--gecis), box-shadow var(--gecis);
}
#ktForm input::placeholder,#ktForm textarea::placeholder{
  color:var(--metin-3); opacity:1}
#ktForm input:hover,#ktForm select:hover,#ktForm textarea:hover{
  border-color:var(--metin-3)}
#ktForm input:focus,#ktForm select:focus,#ktForm textarea:focus{
  outline:none; border-color:var(--vurgu);
  box-shadow:0 0 0 3px color-mix(in srgb, var(--vurgu) 20%, transparent)}
/* Onay kutulari da marka mavisinde olsun */
#ktForm input[type=checkbox]{accent-color:var(--vurgu)}
/* Acilir liste: isletim sisteminin kutusu yerine sitenin oku */
#ktForm select{
  appearance:none; -webkit-appearance:none; padding-right:40px;
  background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 14px center;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) #ktForm select{
    background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239AA4B8' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}
}
:root[data-theme="dark"] #ktForm select{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239AA4B8' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}
/* Tarih alani: Chrome takvim simgesini koyu temada goremiyor */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) #ktForm input[type=date]::-webkit-calendar-picker-indicator{
    filter:invert(1) opacity(.7)}
}
:root[data-theme="dark"] #ktForm input[type=date]::-webkit-calendar-picker-indicator{
  filter:invert(1) opacity(.7)}

.kt-adim input[type=text],.kt-adim input[type=tel],.kt-adim input[type=email],
.kt-adim input[type=date],.kt-adim select,.kt-adim textarea{
  margin-bottom:10px}
.kt-ikili{display:grid; grid-template-columns:1fr 1fr; gap:10px}
.kt-uclu{display:grid; grid-template-columns:1fr 1fr 1fr; gap:8px}
@media(max-width:480px){ .kt-uclu{grid-template-columns:1fr 1fr} }
.kt-etiket{display:block; font-size:13px; color:var(--metin-3); margin-bottom:10px}
.kt-etiket-us{font-size:13px; color:var(--metin-3); margin:16px 0 8px;
              font-weight:600}

/* Son adimdaki "Istersen ekle" kutusu — KVKK kutusuyla AYNI dil.
   Ayri bir gorunum uydurmuyoruz; ikisi de kapali baslayan, tiklayinca
   acilan ikincil bloklar. */
.kt-ekstra{margin:18px 0; border:1px solid var(--cizgi); border-radius:10px;
  background:var(--yuzey-2, var(--yuzey))}
.kt-ekstra>summary{cursor:pointer; padding:12px 14px; font-size:14px; font-weight:600;
  color:var(--metin-2); list-style:none; display:flex; gap:8px; align-items:baseline;
  flex-wrap:wrap}
.kt-ekstra>summary::-webkit-details-marker{display:none}
.kt-ekstra>summary::after{content:"+"; margin-left:auto; font-weight:700; color:var(--metin-3)}
.kt-ekstra[open]>summary::after{content:"‘2"}
.kt-ekstra>summary span{font-size:12px; font-weight:600; letter-spacing:.04em;
  text-transform:uppercase; color:var(--metin-3)}
.kt-ekstra-ic{padding:4px 14px 14px; display:grid; gap:12px;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.kt-ekstra-ic>.kt-tam,
.kt-ekstra-ic>.kt-etiket-us,
.kt-ekstra-ic>.kt-kutucuk,
.kt-ekstra-ic>.kt-dosya,
.kt-ekstra-ic>.kt-not{grid-column:1/-1}
/* Tarih etiketlerindeki "(istege bagli)" ince ve sonik kalsin. */
.kt-alan span i{font-style:normal; font-weight:400; color:var(--metin-3)}
.kt-kvkk{grid-column:1/-1; margin:18px 0 0; border:1px solid var(--cizgi); border-radius:10px;
  background:var(--yuzey-2, var(--yuzey))}
.kt-kvkk>summary{cursor:pointer; padding:12px 14px; font-size:14px; font-weight:600;
  color:var(--metin-2); list-style:none; display:flex; gap:8px; align-items:baseline;
  flex-wrap:wrap}
.kt-kvkk>summary::-webkit-details-marker{display:none}
.kt-kvkk>summary::after{content:'+'; margin-left:auto; font-weight:700; color:var(--metin-3)}
.kt-kvkk[open]>summary::after{content:'\2212'}
.kt-kvkk>summary span{font-size:12px; font-weight:600; letter-spacing:.04em;
  text-transform:uppercase; color:var(--metin-3)}
.kt-kvkk-ic{padding:0 14px 12px; font-size:13.5px; line-height:1.6; color:var(--metin-3)}
.kt-kvkk-ic p{margin:0 0 9px}
.kt-kvkk-ic b{color:var(--metin-2); font-weight:600}
.kt-onay{display:grid; grid-template-columns:auto 1fr; gap:11px;
         align-items:start; font-size:15px; margin:14px 0}
.kt-onay input{margin-top:4px; width:18px; height:18px; flex:none}
.kt-not{font-size:13.5px; color:var(--metin-3); margin:10px 0 0}

.kt-dosya{display:flex; align-items:center; gap:12px; flex-wrap:wrap;
  border:1px dashed var(--cizgi); border-radius:var(--r); padding:14px 16px;
  margin-bottom:10px}
.kt-dosya-ad{flex:1; min-width:160px; font-size:14.5px; color:var(--metin-3)}
.kt-dosya-ad.iyi{color:var(--olumlu)}
.kt-dosya-ad.kotu{color:var(--hata)}
.kt-dosya .dugme{height:40px; padding:0 16px; font-size:14px}

/* sayac + duzen onizleme */
.kt-sayi{display:flex; align-items:center; justify-content:center; gap:20px;
         margin:10px 0 16px}
.kt-sayi button{width:44px; height:44px; border-radius:12px; font-size:22px;
  border:1px solid var(--cizgi); background:var(--yuzey); color:var(--metin);
  cursor:pointer; font-family:inherit}
.kt-sayi button:disabled{opacity:.4; cursor:default}
.kt-sayi b{font-size:30px; min-width:48px; text-align:center; color:var(--metin)}
.kt-hizli{display:flex; gap:8px; justify-content:center; margin-bottom:18px}
.kt-h{min-width:48px; height:38px; border-radius:10px; cursor:pointer;
  border:1px solid var(--cizgi); background:var(--yuzey);
  color:var(--metin-2); font:600 14.5px/1 inherit; font-family:inherit}
.kt-h.secili{border-color:var(--vurgu); color:var(--vurgu);
             background:var(--vurgu-yumusak)}
.kt-onizleme{display:flex; flex-direction:column; gap:6px; align-items:center;
  padding:22px; border:1px solid var(--cizgi); border-radius:var(--r);
  background:var(--yuzey)}
/* Bosluklar kp.js`teki KT_ARA ile AYNI. */
.kt-onizleme .kt-satir{display:flex; gap:6px}
.kt-onizleme i{height:58px; border-radius:6px; background:var(--vurgu-yumusak);
               display:block}
.kt-olcu{text-align:center; font-size:14px; color:var(--metin-3); margin:10px 0 0}

/* alan etiketi — yer tutucu kaybolunca alan adsiz kalmasin */
.kt-alan{display:block; margin-bottom:10px}
.kt-alan > span{display:block; font-size:12px; color:var(--metin-3);
                margin-bottom:4px}
.kt-adim .kt-alan > input,.kt-adim .kt-alan > select,
.kt-adim .kt-alan > textarea{margin-bottom:0}
.kt-uclu .kt-alan,.kt-ikili .kt-alan{margin-bottom:0}

/* urun satiri */
.kt-urun{border:1px solid var(--cizgi); border-radius:var(--r);
  padding:16px; margin-bottom:12px; background:var(--yuzey)}
.kt-urun-bas{display:flex; align-items:center; gap:9px;
  font-size:12px; font-weight:700; letter-spacing:.1em;
  text-transform:uppercase; color:var(--metin-3); margin-bottom:10px}
/* SIRA NUMARASI — katalogdaki yeri. "1. urun hangisi" sorusunu
   bakarken cevapliyor. */
.kt-no{display:grid; place-items:center; width:22px; height:22px;
  border-radius:7px; background:var(--vurgu); color:var(--vurgu-uzeri);
  font-size:12px; font-weight:700; letter-spacing:0; flex:none}
.kt-urun-ad{flex:1; min-width:0}
.kt-tasi{display:flex; gap:4px; flex:none}
.kt-tasi button{width:30px; height:30px; border-radius:8px; cursor:pointer;
  border:1px solid var(--cizgi); background:var(--zemin);
  color:var(--metin-2); font:600 15px/1 inherit; font-family:inherit;
  transition:border-color var(--gecis), color var(--gecis)}
.kt-tasi button:hover:not(:disabled){border-color:var(--vurgu);
  color:var(--vurgu)}
.kt-tasi button:disabled{opacity:.3; cursor:default}
.kt-foto-satir{display:flex; align-items:center; gap:8px; flex-wrap:wrap;
               margin-top:4px}
.kt-foto-satir .dugme{height:38px; padding:0 14px; font-size:13.5px}
.kt-foto-durum{font-size:13px; color:var(--metin-3); flex:1; min-width:120px}
.kt-foto-durum.iyi{color:var(--olumlu)}
.kt-foto-durum.kotu{color:var(--hata)}
.kt-sonuclar{display:grid; grid-template-columns:repeat(4,1fr); gap:6px;
             margin-top:12px}
@media(max-width:420px){ .kt-sonuclar{grid-template-columns:repeat(3,1fr)} }
.kt-sonuc{padding:0; border:2px solid var(--cizgi); border-radius:9px;
  overflow:hidden; cursor:pointer; background:var(--zemin-2); aspect-ratio:1}
.kt-sonuc img{width:100%; height:100%; object-fit:cover; display:block}
.kt-sonuc.secili{border-color:var(--vurgu)}

/* kutucuk listeleri */
.kt-kutucuk{display:grid; gap:8px; margin-bottom:12px}
@media(min-width:520px){ .kt-kutucuk{grid-template-columns:1fr 1fr} }
.kt-kutucuk label{display:grid; grid-template-columns:auto 1fr; gap:9px;
  align-items:center; font-size:14.5px; color:var(--metin-2)}
.kt-kutucuk input{width:17px; height:17px}

/* ozet */
.kt-ozet{border:1px solid var(--cizgi); border-radius:var(--r);
  background:var(--yuzey); padding:6px 18px; margin-bottom:18px}
.kt-ozet-satir{display:flex; justify-content:space-between; gap:16px;
  padding:11px 0; border-top:1px solid var(--cizgi-2); font-size:15px}
.kt-ozet-satir:first-child{border-top:0}
.kt-ozet-satir span{color:var(--metin-3)}

/* yukleme */
.kt-yukleme{margin:18px 0}
.kt-bar{height:6px; border-radius:4px; background:var(--cizgi); overflow:hidden}
.kt-bar i{display:block; height:100%; width:0; background:var(--vurgu);
          transition:width var(--gecis)}
.kt-yukleme p{font-size:14px; color:var(--metin-3); margin:8px 0 0}

.kt-gezinme{display:flex; gap:10px; margin-top:24px}
.kt-gezinme .dugme{flex:1}

/* ---- VITRIN: formdan ONCE gorulen gercek katalog ciktilari ----
   18.09.2026'da olculdu: siteye gelen ~137 kisinin TAMAMI formda
   dokuldu. Sebep acikti — ornek kataloglar yalniz TESEKKUR ekranindaydi,
   yani bayi ne alacagini gormeden 5 kisisel bilgi veriyordu. Vitrin bu
   yuzden basligin hemen altinda, formdan ONCE.
   Donen degil YAN YANA: sirasini beklemek gerekmesin, tek bakista
   gorulsun. Hareket yok -> reduced-motion tuzagi da yok. */
.kt-vitrin{display:flex; gap:12px; justify-content:center; flex-wrap:wrap;
  margin:26px auto 4px; max-width:760px}
/* Ornekler farkli oranlarda (0,80 · 0,80 · 0,745 · 0,707). Serbest
   birakilinca kutular farkli boyda kaliyor, altlarinda beyaz bosluk
   olusuyordu. Sabit oran + `contain`: dordu de ayni boyda, hicbiri
   KIRPILMIYOR. `cover` denendi ve birakildi — alttaki fiyatlari tam
   ortadan kesiyordu, oysa ikna eden sey tam olarak o fiyat duzeni. */
.kt-vitrin figure{margin:0; width:168px; aspect-ratio:3 / 4;
  border-radius:var(--r); overflow:hidden; background:var(--yuzey);
  border:1px solid var(--cizgi)}
.kt-vitrin img{width:100%; height:100%; display:block; object-fit:contain}
@media (max-width:560px){
  /* Telefonda dort kare cok kuculuyor; ikiser satir daha okunakli. */
  .kt-vitrin figure{width:calc(50% - 6px)}
}

.kt-bitti{text-align:center; padding:30px 24px}
.kt-sonraki{margin-top:26px; padding-top:22px; border-top:1px solid var(--cizgi)}
.kt-sonraki h3{margin-bottom:6px}
.kt-bitti .eylemler{justify-content:center; margin-top:18px}

/* ---- tesekkur ekranindaki donen ornekler ----
   Talep gonderildikten sonraki bekleme, programin ne urettigini
   gosteren tek an. Kareler ust uste duruyor; yalniz `.acik` gorunur,
   boylece donuste sayfa ZIPLAMIYOR (yukseklik sabit). */
.kt-ornekler{position:relative; max-width:330px; margin:22px auto 6px;
  aspect-ratio:3 / 4; border-radius:var(--r); overflow:hidden;
  background:var(--yuzey); border:1px solid var(--cizgi)}
.kt-ornek{position:absolute; inset:0; margin:0; opacity:0;
  transition:opacity 700ms ease}
.kt-ornek.acik{opacity:1}
.kt-ornek img{width:100%; height:100%; object-fit:contain; display:block}
@media (prefers-reduced-motion: reduce){
  .kt-ornek{transition:none}
}

/* ---- aciklama metni ----
   `.kt-not`tan daha sessiz: alanin hemen altinda duran, okunmasi
   zorunlu olmayan ipucu. Programdaki `.ipucu` ile ayni is. */
.kt-ipucu{font-size:13px; line-height:1.55; color:var(--metin-3);
          margin:-2px 0 12px}
.kt-ipucu b{color:var(--metin-2); font-weight:600}

/* ---- dosya kutusunda onizleme ----
   Dosya ADI degil dosyanin KENDISI gorunuyor; bayi yukledigi logonun
   dogru olup olmadigini ancak boyle anliyor. */
.kt-onizle{height:56px; width:auto; max-width:160px; object-fit:contain;
           border-radius:8px; background:#fff; padding:5px;
           border:1px solid var(--cizgi); flex:none}
/* Urun satirindaki kucuk: kutuyu uzatmasin, dugmelerle ayni yukseklikte. */
.kt-foto-satir .kt-onizle{height:38px; max-width:38px; padding:3px}

/* ---- suruklenen urun ---- */
.kt-urun{cursor:grab}
.kt-urun:active{cursor:grabbing}
.kt-urun input,.kt-urun button,.kt-urun label{cursor:auto}
.kt-urun.tasiniyor{opacity:.45; border-color:var(--vurgu)}
.kt-urun-bas{cursor:grab}

/* ---- yerlesim taslagi (6. ve 7. adim) ----
   Logolar CIZILMIYOR: kesikli cerceveli kutucuk yalniz "buraya gelecek"
   diyor. Boylece taslak bir tasarim onizlemesi sanilmiyor. */
.kt-sablon,.kt-bant-onizleme{
  border:1px solid var(--cizgi); border-radius:var(--r);
  background:var(--yuzey); padding:14px; margin-bottom:10px;
  font-size:12.5px; overflow-x:auto}
.kt-t-yer{display:inline-flex; align-items:center; justify-content:center;
  min-height:22px; padding:2px 8px; border:1px dashed var(--cizgi);
  border-radius:6px; color:var(--metin-3); font-style:normal;
  font-size:11px; letter-spacing:.04em; text-transform:uppercase;
  background:var(--zemin-2)}
.kt-t-ust{display:grid; grid-template-columns:auto 1fr auto; gap:10px;
  align-items:center; padding:10px 12px; border-radius:8px;
  background:var(--vurgu-yumusak); margin-bottom:10px}
.kt-t-ust b{text-align:center; color:var(--vurgu-yazi); font-weight:600;
  font-size:14px; overflow-wrap:anywhere}
.kt-t-ust span{color:var(--metin-3); white-space:nowrap; font-size:11.5px}
.kt-t-izgara{display:flex; flex-direction:column; gap:8px}
.kt-t-satir{display:flex; gap:8px}
.kt-t-hucre{flex:1; min-width:0; display:flex; flex-direction:column;
  align-items:center; gap:3px; padding:9px 6px; text-align:center;
  border:1px solid var(--cizgi); border-radius:8px; background:var(--zemin)}
.kt-t-hucre img{width:100%; max-width:70px; aspect-ratio:1;
  object-fit:contain; border-radius:6px}
.kt-t-hucre b{font-size:11.5px; font-weight:600; overflow-wrap:anywhere;
  color:var(--metin-2)}
.kt-t-hucre span{font-size:12px; color:var(--vurgu-yazi); font-weight:600}
.kt-t-hucre s{color:var(--metin-3); font-weight:400}
/* ALT BANT — programdaki sira: kartlar, iletisim, notlar.
   Renkler SABIT: bant ciktida da koyu lacivert basiliyor. Tema
   jetonuna baglansaydi acik temada beyaz gorunur ve onizleme yalan
   soylerdi. */
.kt-t-bant{margin-top:10px; padding:12px 14px 14px; border-radius:10px 10px 0 0;
  background:#16233F; display:flex; flex-direction:column; gap:9px;
  align-items:center}
.kt-t-kartlar{display:flex; gap:6px; flex-wrap:wrap;
  justify-content:center}
.kt-t-kart{display:inline-flex; align-items:center; min-height:24px;
  padding:3px 10px; border-radius:6px; background:#FFFFFF; color:#16233F;
  border:1px dashed #A9B4CC; font-style:normal; font-size:10.5px;
  font-weight:700; letter-spacing:.05em; text-transform:uppercase}
.kt-t-iletisim{display:inline-flex; align-items:center; gap:8px;
  max-width:100%; padding:6px 14px; border-radius:7px; background:#FFFFFF;
  color:#16233F; font-size:12px; font-weight:600; text-align:center;
  overflow-wrap:anywhere}
.kt-t-iletisim .kt-t-yer{background:#EEF1F7; border-color:#A9B4CC;
  color:#5C6885}
.kt-t-dipnot{margin:0 0 10px; padding:6px 12px; border-radius:0 0 10px 10px;
  background:#DCE4F2; color:#3C4763; text-align:center; font-size:10.5px;
  line-height:1.6}
.kt-t-bos{margin:0; color:var(--metin-3)}
@media(max-width:520px){
  .kt-t-ust,.kt-t-bant{grid-template-columns:1fr; text-align:center}
  .kt-t-bant-sol,.kt-t-bant-sag{justify-content:center}
  .kt-t-bant-orta{white-space:normal}
}

/* ---- genis ekran duzeni ----
   Her adim kendi dizilimini aliyor; 720px altinda hepsi tek sutuna
   dusuyor, yani telefonda hicbir sey degismiyor. */
@media(min-width:720px){
  /* 1 — isletme: ad tam genislik, kalan dortlu ikiser ikiser */
  .kt-adim[data-adim="1"]{display:grid; grid-template-columns:1fr 1fr;
                          gap:0 14px}
  .kt-adim[data-adim="1"] h2,
  .kt-adim[data-adim="1"] .kt-aciklama,
  .kt-adim[data-adim="1"] .kt-tam{grid-column:1 / -1}

  /* 2 — Instagram: kullanici adi ile takip onayi yan yana */
  .kt-adim[data-adim="2"]{display:grid; grid-template-columns:1fr 1fr;
                          gap:0 18px; align-items:start}
  .kt-adim[data-adim="2"] h2,
  .kt-adim[data-adim="2"] .kt-aciklama,
  .kt-adim[data-adim="2"] .kt-not{grid-column:1 / -1}
  .kt-adim[data-adim="2"] .kt-onay{margin:0}

  /* 3 — kapak: slogan tam, tarihler ve logo yan yana */
  .kt-adim[data-adim="3"]{display:grid; grid-template-columns:1fr 1fr;
                          gap:0 18px; align-items:start}
  .kt-adim[data-adim="3"] h2,
  .kt-adim[data-adim="3"] .kt-aciklama,
  .kt-adim[data-adim="3"] .kt-tam{grid-column:1 / -1}
  .kt-adim[data-adim="3"] .kt-dosya{margin-bottom:0}

  /* 4 — duzen: onizleme sayfanin ortasinda kalsin, tasmasin */
  .kt-adim[data-adim="4"] .kt-onizleme{max-width:520px; margin-inline:auto}

  /* 5 — urun satiri: ad solda, gramaj/fiyat/eski fiyat sagda.
     Ustuste dizilince 10 urun bitmek bilmiyordu. */
  .kt-urun{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);
           gap:0 16px; align-items:start}
  .kt-urun-bas,.kt-foto-satir,.kt-sonuclar{grid-column:1 / -1}
  .kt-urun > .kt-alan{margin-bottom:0}
  .kt-sonuclar{grid-template-columns:repeat(6,1fr)}

  /* 6 — kutucuklar ucer sutun: alti dipnot iki satira siginiyor */
  .kt-kutucuk{grid-template-columns:repeat(3,1fr)}
  .kt-adim[data-adim="6"] textarea{min-height:96px}

  /* gezinme dugmeleri sayfa genisligince uzamasin */
  .kt-gezinme{justify-content:flex-end}
  .kt-gezinme .dugme{flex:0 0 auto; min-width:150px}
}

/* Ozet ve bitis kartini okunur genislikte tut: uzun satirlar
   900px'te goz takip edemeyecek kadar genisliyor. */
.kt-ozet,.kt-bitti{max-width:680px; margin-inline:auto}
.kt-adim[data-adim="7"] .kt-onay{max-width:680px; margin-inline:auto}

/* ---- alt bilgi ---- */
footer{border-top:1px solid var(--cizgi); background:var(--zemin-2);
       padding-block:48px 34px; margin-top:0}
.alt-izgara{display:grid; gap:32px}
@media(min-width:760px){ .alt-izgara{grid-template-columns:1.6fr 1fr 1fr 1fr} }
.alt-izgara h4{font-size:12.5px; text-transform:uppercase; letter-spacing:.14em;
               color:var(--metin-3); margin-bottom:14px; font-weight:600}
.alt-izgara ul{list-style:none; padding:0; margin:0; display:grid; gap:9px}
.alt-izgara a{color:var(--metin-2); font-size:15px}
/* Telefonda altlik baglantilari 18 px yuksekligindeydi; parmakla
   yanlis satira basiliyordu. Dokunma alanini 36 px'e cikariyoruz,
   arayi kapatarak ayni gorsel ritmi koruyoruz. Masaustunde degismez. */
@media(max-width:759px){
  .alt-izgara ul{gap:0}
  .alt-izgara a{display:inline-block; padding-block:9px}
}
.alt-izgara a:hover{color:var(--vurgu)}
.alt-marka p{font-size:15px; color:var(--metin-3); margin-top:14px; max-width:36ch}
.alt-son{display:flex; flex-wrap:wrap; gap:10px 22px; margin-top:34px;
  padding-top:22px; border-top:1px solid var(--cizgi); font-size:14px;
  color:var(--metin-3)}
.alt-son .yer{margin-left:auto}

/* ---- küçük parçalar ---- */
.kunye{display:flex; flex-wrap:wrap; gap:8px 18px; margin-top:20px;
       font-size:13.5px; color:var(--metin-3)}
.kunye span{display:flex; align-items:center; gap:7px}
.uyari-kutu{border:1px solid var(--cizgi); border-left:3px solid var(--vurgu);
  background:var(--yuzey); border-radius:0 var(--r) var(--r) 0; padding:16px 20px;
  margin-top:24px}
.uyari-kutu.dikkat{border-left-color:var(--hata)}
.uyari-kutu h4{margin-bottom:6px}
.uyari-kutu p{font-size:15px; color:var(--metin-3)}
.tus{display:inline-block; padding:2px 8px; border:1px solid var(--cizgi);
  border-bottom-width:2px; border-radius:6px; background:var(--yuzey-2);
  font-size:13.5px; font-weight:600; color:var(--metin)}
code,.komut{font-family:ui-monospace,"Cascadia Mono",Consolas,monospace; font-size:13.5px}
.komut{display:block; background:var(--yuzey-2); border:1px solid var(--cizgi);
  border-radius:var(--r-kucuk); padding:12px 14px; overflow-x:auto;
  color:var(--metin-2); margin:10px 0}
.atla{position:absolute; left:-9999px}
.atla:focus{left:16px; top:10px; z-index:60; background:var(--vurgu);
  color:var(--vurgu-uzeri); padding:10px 16px; border-radius:var(--r-kucuk)}

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

/* Katalog Pro — programla ortak renk, yazı ve boşluk düzeni. */
:root{
  --zemin:#F5F6F8;--zemin-2:#EEF0F4;--yuzey:#FFFFFF;--yuzey-2:#F0F3FA;
  --cizgi:#E3E6EC;--cizgi-2:#E3E6EC;--metin:#141A24;--metin-2:#4E5968;--metin-3:#5A6576;
  --en:1248px;--r:12px;--r-buyuk:12px;--r-bant:16px;
  --site-kenar:32px;--site-bolum:64px;--site-aralik:16px;
}
@media(prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --zemin:#151A22;--zemin-2:#181E27;--yuzey:#1C222C;--yuzey-2:#232B37;
    --cizgi:#2A323F;--cizgi-2:#2A323F;--metin:#D6DDE7;--metin-2:#9AA5B4;--metin-3:#9AA5B4;
  }
}
:root[data-theme="dark"]{
  --zemin:#151A22;--zemin-2:#181E27;--yuzey:#1C222C;--yuzey-2:#232B37;
  --cizgi:#2A323F;--cizgi-2:#2A323F;--metin:#D6DDE7;--metin-2:#9AA5B4;--metin-3:#9AA5B4;
}
body{font-family:'Inter',system-ui,'Segoe UI',sans-serif;font-size:15px;line-height:1.65;color:var(--metin-2)}
h1,h2,h3,h4{font-family:'Plus Jakarta Sans','Inter',sans-serif;font-weight:700;letter-spacing:-.015em;line-height:1.22}
h1{font-size:clamp(30px,4vw,46px)}h2{font-size:clamp(24px,3vw,32px)}h3{font-size:19px}
.kap{padding-inline:var(--site-kenar)}
section{padding-block:var(--site-bolum)}
main>section.bant-2:first-child{padding-block:40px!important;border-bottom:1px solid var(--cizgi)}
main>section.bant-2:first-child .bolum-bas{max-width:none;text-align:left;margin:0!important}
.bolum-bas{max-width:68ch}.bolum-bas.orta{text-align:left;max-width:none}
.ustetiket{font-size:12px;letter-spacing:.1em;margin-bottom:12px}
.giris{font-size:16px;color:var(--metin-2);max-width:68ch;margin-top:12px}
.ust{background:var(--yuzey);border-bottom:1px solid var(--cizgi);backdrop-filter:none}
.ust .kap{height:64px}.ust nav{margin-left:16px}.ust nav a{font-size:14px;padding:10px}
.marka b{font-family:'Plus Jakarta Sans','Inter',sans-serif;font-weight:700}
.secici-dugme{min-height:44px}.menu-dugme{min-width:44px;min-height:44px}
.ust .dugme{height:44px}
.dugme{height:46px;padding-inline:20px;font-size:14px;border-radius:8px}
.eylemler{gap:12px;margin-top:24px}.dugme.ana:hover{box-shadow:var(--golge)}
.kahraman{padding-block:48px 56px;min-height:calc(100vh - 65px);min-height:calc(100svh - 65px);display:flex;align-items:center}
.kahraman>.kap{width:100%}
.kahraman .k-izgara{gap:48px;align-items:center;grid-template-columns:1.25fr .75fr}
.kahraman .alt{font-size:17px;line-height:1.7;color:var(--metin-2);max-width:57ch}
.kahraman h1{max-width:19ch}.rozet-satir{border-radius:8px;padding:8px 12px;font-size:12px}
.telefon{width:100%;max-width:300px;padding:8px;border-radius:32px}.telefon .ekran{border-radius:24px}
.telefon-kutu{max-width:300px;margin-inline:auto}.film-kutu{max-width:300px;margin-inline:auto}
.kahraman .k-izgara>div:last-child{max-width:320px;width:100%;justify-self:center}
.kahraman-teklif{padding:14px 16px;border-radius:12px;font-size:13px}
.kunye{font-size:12px;gap:12px}.risk{font-size:13px}
.izgara,.planlar,ol.adimlar,.kutucuklar{gap:var(--site-aralik);margin-top:28px}
.kart,ol.adimlar li,.plan{padding:24px;border-radius:12px;background:var(--yuzey)}
.kart p,.plan .kime,.alt-marka p{color:var(--metin-2);font-size:14px}
.simge{width:40px;height:40px;border-radius:8px}
.kart-oku{font-size:13px;padding-top:20px}
.izgara.i5{grid-template-columns:repeat(3,minmax(0,1fr))}.izgara.i5>:last-child{grid-column:auto}
.izgara.i5>.kart{min-height:196px}.plan{display:flex;flex-direction:column}.plan>.dugme{margin-top:auto}
.fiyat .tutar{font-size:36px}.donem{border-radius:10px}.donem button{border-radius:7px;min-height:44px}
.sss{max-width:none;margin-top:28px;border-radius:12px}.sss summary{padding:18px 24px;font-size:15px}
.kapanis-bant{padding:32px;border-radius:16px;gap:24px;box-shadow:none}
.kapanis-bant h2{font-size:28px}.kapanis-bant p{font-size:15px}
footer{background:var(--yuzey);border-top:1px solid var(--cizgi);padding-block:40px}
.alt-izgara{gap:32px}.alt-izgara h4{letter-spacing:.08em}.alt-izgara a{font-size:14px}
input,select,textarea{border-radius:8px!important;line-height:1.5}
.store-yeni{max-width:1184px;margin:32px auto 0;padding:24px 32px;border:1px solid var(--cizgi);border-radius:12px;background:var(--yuzey)}
/* gap ZORUNLU: `inline-flex` kutusunda "Microsoft Store . " metni ile
   surum <span>i ayri flex ogeleri oluyor ve aradaki BOSLUK SILINIYOR
   -- ekranda "Store .2.0.46" diye bitisik cikiyordu. */
.store-durum{display:inline-flex;gap:.32em;padding:6px 10px;border-radius:8px;background:var(--vurgu-yumusak);color:var(--vurgu-yazi);font-size:12px;font-weight:600;margin-bottom:12px}
.store-yeni h2{font-size:24px}.store-yeni p{margin-top:12px;max-width:70ch;font-size:15px}
@media(max-width:1059px){.ust nav{display:none}.menu-dugme{display:inline-flex}.kahraman .k-izgara{gap:32px}}
@media(max-width:767px){
  :root{--site-kenar:24px;--site-bolum:40px}
  .kahraman .k-izgara{grid-template-columns:1fr}.kahraman h1{max-width:23ch}
  .kahraman{padding-block:32px 40px}.kahraman .k-izgara>div:last-child{max-width:260px}
  .izgara.i5{grid-template-columns:repeat(2,minmax(0,1fr))}
  .store-yeni{margin:24px 24px 0;padding:24px}.kapanis-bant{padding:24px}
}
@media(max-width:479px){
  :root{--site-kenar:20px;--site-aralik:12px}
  .izgara.i5,.izgara.i4{grid-template-columns:1fr}.izgara.i5>.kart{min-height:0}
  .eylemler>.dugme{white-space:normal;height:auto;min-height:46px;text-align:center}
  .ust .kap{padding-inline:16px;gap:8px}.marka b{font-size:15px}.ust .sag{gap:8px}
  .plan,.kart{padding:20px}.store-yeni{margin-inline:20px;padding:20px}
  .kapanis-bant h2{font-size:24px}.donem{display:flex;width:100%}.donem button{flex:1;padding-inline:8px}
  .posta-form{flex-wrap:wrap}.posta-form input{min-width:0;flex-basis:100%}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* DAR EKRAN — acilir kutu basliklari. 420 px'te "Bilgileriniz nasil
   kullaniliyor?" + "KVKK AYDINLATMASI" + arti isareti tek satira
   sigmiyor ve arti alt satira dusuyordu. Rozet suslu; soru cumlesi
   anlami zaten tasiyor, dar ekranda rozeti gizliyoruz.
   BU BLOK DOSYANIN SONUNDA: taban kurallardan SONRA gelmezse olu
   kalirdi (bkz. css-medya-kurali-sirasi tuzagi). */
@media (max-width: 520px) {
  .kt-kvkk > summary > span,
  .kt-ekstra > summary > span { display: none }
  .kt-kvkk > summary,
  .kt-ekstra > summary { flex-wrap: nowrap }
}

/* ZORUNLU ALAN YILDIZI. Enes: "zorunlu yazmayalim, yildiz koyalim."
   Sadece isaret; engelleme JS'te (adimGecerli) duruyor. */
.kt-alan span .zor,
.kt-urun label .zor { color: #d92d20; font-weight: 700; margin-left: 1px }
.zor-not { color: var(--metin-3); font-size: 13px; white-space: nowrap }
.zor-not .zor { color: #d92d20; font-weight: 700 }

/* MICROSOFT STORE SIMGESI (20.09.2026, Enes istegi).
   Sitede 18 tane "Microsoft Store'dan yukle" dugmesi var; hepsi
   `a.dugme.indir`. Simgeyi HTML'e 18 kez yazmak yerine CSS'ten
   veriyoruz: sayfalar URETILIYOR (site_iskele*.py, en_govde), elle
   yazilan simge ilk uretimde silinirdi.
   SVG satir ici veri adresi: ek istek yok, ag yoksa da cikar, her
   ekran yogunlugunda net. Dis kaynaktan gorsel indirilmiyor.
   `.dugme` zaten inline-flex ve gap:9px, o yuzden ::before metnin
   soluna kendiliginden hizalaniyor. */
.dugme.indir::before {
  content: ""; flex: 0 0 auto; width: 18px; height: 18px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23'%3E%3Cpath fill='%23fff' d='M0 0h11v11H0z'/%3E%3Cpath fill='%23fff' d='M12 0h11v11H12z'/%3E%3Cpath fill='%23fff' d='M0 12h11v11H0z'/%3E%3Cpath fill='%23fff' d='M12 12h11v11H12z'/%3E%3C/svg%3E") center/contain no-repeat;
}
/* Ikincil dugme acik/koyu yuzey uzerinde: Microsoft'un kendi renkleri.
   Birincil dugme KOYU MAVI, uzerinde renkli logo bogulur -> duz beyaz. */
.dugme.ikincil.indir::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23'%3E%3Cpath fill='%23F25022' d='M0 0h11v11H0z'/%3E%3Cpath fill='%237FBA00' d='M12 0h11v11H12z'/%3E%3Cpath fill='%2300A4EF' d='M0 12h11v11H0z'/%3E%3Cpath fill='%23FFB900' d='M12 12h11v11H12z'/%3E%3C/svg%3E");
}

/* GUVEN BANDI — altligin ustunde, her sayfada.
   Sessiz bir bant: buyuk rozet ya da parlak renk yok. Amac "bagirmak"
   degil, tereddut eden ziyaretcinin aradigi dort cevabi tek bakista
   vermek. Simgeler satir ici SVG veri adresi (dis istek yok). */
.guven-bant { border-top: 1px solid var(--cizgi); padding: 26px 0 8px }
.guven-liste {
  list-style: none; margin: 0; padding: 0;
  display: grid; gap: 16px 26px;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}
.guven-liste li { display: grid; grid-template-columns: 22px 1fr;
  grid-template-rows: auto auto; gap: 1px 10px; align-content: start }
.guven-liste li::before {
  content: ""; grid-row: 1 / 3; width: 20px; height: 20px; margin-top: 2px;
  background-position: center; background-size: contain;
  background-repeat: no-repeat;
}
.guven-liste b { font-size: 14.5px; color: var(--metin); font-weight: 600 }
.guven-liste span { font-size: 13px; color: var(--metin-3); line-height: 1.5 }
.guven-not { margin: 18px 0 0; font-size: 13px }
.guven-not a { color: var(--metin-3) }
.guven-not a:hover { color: var(--metin) }

.guven-liste li.guven-store::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23'%3E%3Cpath fill='%23F25022' d='M0 0h11v11H0z'/%3E%3Cpath fill='%237FBA00' d='M12 0h11v11H12z'/%3E%3Cpath fill='%2300A4EF' d='M0 12h11v11H0z'/%3E%3Cpath fill='%23FFB900' d='M12 12h11v11H12z'/%3E%3C/svg%3E");
}
.guven-liste li.guven-kilit::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");
}
.guven-liste li.guven-kart::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M2 10h20'/%3E%3Cpath d='m4 3 16 18'/%3E%3C/svg%3E");
}
.guven-liste li.guven-cerez::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m5.6 5.6 12.8 12.8'/%3E%3C/svg%3E");
}

/* IKILI SATIRDA GIRDILER ALTA HIZALANIR (21.09)
   "Gecerlilik — baslangic (istege bagli)" etiketi iki satira inince
   girdisi asagi kayiyor, yanindaki "bitis" yukarida kaliyordu; satir
   kayik goruntu veriyordu. Etiket ustte genisliyor, girdi ALTA
   hizalaniyor — etiket kac satir olursa olsun kutular ayni cizgide. */
.kt-ikili > .kt-alan,
.kt-uclu > .kt-alan{display:flex; flex-direction:column; height:100%}
.kt-ikili > .kt-alan > span,
.kt-uclu > .kt-alan > span{flex:1 1 auto}
.kt-ikili > .kt-alan > input,
.kt-ikili > .kt-alan > select,
.kt-uclu > .kt-alan > input,
.kt-uclu > .kt-alan > select{margin-top:auto}
.kt-ekstra-not{margin:8px 0 14px; font-size:13.5px; line-height:1.7; color:var(--metin-2)}
.kt-ekstra-not b{color:var(--metin)}
/* TELEFONDA 2. EKRAN YANA TASIYORDU (28.09.2026, gece test taramasi)
   390 px telefonda "Katalog kapagi" ekrani (fieldset data-adim="2") 412 px
   oluyor, sayfa 432 px'e yayiliyordu; tarayici sayfayi kucultuyor, dokunulan
   yer ile dugme kayiyordu (Playwright "Ileri"ye tiklayamadi). Iki sebep:
   1) fieldset'in varsayilan en kucuk genisligi `min-content` — icerik
      daralamiyorsa fieldset de daralmiyor;
   2) yan yana iki tarih kutusunun (tbas/tbit) tarayicidaki dogal genisligi
      ~176 px; grid hucresi (`1fr` = minmax(auto,1fr)) bunun altina inmiyor.
   Cozum: fieldset ve hucreler 0'a kadar daralabilir, girdiler kutusuna
   sigar; dar ekranda iki tarih ALT ALTA. Taban kurallardan SONRA yazildi
   (medya kurali tabandan once yazilirsa olur). */
.kt-adim{min-width:0; max-width:100%}
.kt-ikili > *,
.kt-uclu > *{min-width:0}
#ktForm .kt-alan > input,
#ktForm .kt-alan > select{max-width:100%; min-width:0}
@media (max-width:480px){
  .kt-ikili{grid-template-columns:1fr; gap:0}
  .kt-ikili > .kt-alan{height:auto; margin-bottom:10px}
}

/* Üst menüde Shopier satın alma: TR/EN ve telefon ekranı. */
.kp-satin-al{display:inline-flex;align-items:center;gap:9px;height:40px;padding:0 13px 0 5px;border-radius:12px;border:1px solid var(--cizgi,#e3e7ef);background:var(--yuzey,#fff);color:var(--metin,#141821);text-decoration:none;font-family:inherit;line-height:1.05;white-space:nowrap;transition:border-color .2s,background .2s}
.kp-satin-al:hover{border-color:#7000ff;background:rgba(112,0,255,.06)}
.kp-satin-al:focus-visible{outline:3px solid rgba(112,0,255,.4);outline-offset:2px}
.kp-satin-al-ikon{width:30px;height:30px;border-radius:50%;background:#7000ff;color:#fff;display:grid;place-items:center;flex:none}
.kp-satin-al-ikon svg{width:19px;height:19px}
.kp-satin-al b{display:block;font-size:13.5px;font-weight:700}
.kp-satin-al small{display:block;font-size:11px;font-weight:500;color:var(--metin-3,#5f6878);margin-top:2px}
@media(max-width:1100px){.kp-satin-al-yazi{display:none}.kp-satin-al{padding:0 5px}}
@media(max-width:600px){.kp-satin-al{border:0;background:transparent;padding:0;height:34px}.kp-satin-al-ikon{width:32px;height:32px}}