/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiAyp8kv8JHgFVrJJLmE0tDMPKhSkFEkm8.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiAyp8kv8JHgFVrJJLmE0tMMPKhSkFEkm8.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;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiAyp8kv8JHgFVrJJLmE0tCMPKhSkFE.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;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLmv1pVFteOYktMqlap.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLmv1pVGdeOYktMqlap.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;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLmv1pVF9eOYktMqg.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;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLm21lVFteOYktMqlap.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLm21lVGdeOYktMqlap.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;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLm21lVF9eOYktMqg.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;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiGyp8kv8JHgFVrJJLucXtAOvWDSHFF.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiGyp8kv8JHgFVrJJLufntAOvWDSHFF.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;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiGyp8kv8JHgFVrJJLucHtAOvWDSA.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;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLmg1hVFteOYktMqlap.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLmg1hVGdeOYktMqlap.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;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLmg1hVF9eOYktMqg.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;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLmr19VFteOYktMqlap.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLmr19VGdeOYktMqlap.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;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLmr19VF9eOYktMqg.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;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLmy15VFteOYktMqlap.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLmy15VGdeOYktMqlap.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;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLmy15VF9eOYktMqg.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;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLm111VFteOYktMqlap.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLm111VGdeOYktMqlap.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;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLm111VF9eOYktMqg.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;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLm81xVFteOYktMqlap.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLm81xVGdeOYktMqlap.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;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLm81xVF9eOYktMqg.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;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiGyp8kv8JHgFVrLPTucXtAOvWDSHFF.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiGyp8kv8JHgFVrLPTufntAOvWDSHFF.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;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiGyp8kv8JHgFVrLPTucHtAOvWDSA.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;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiByp8kv8JHgFVrLFj_Z11lFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiByp8kv8JHgFVrLFj_Z1JlFd2JQEl8qw.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;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiByp8kv8JHgFVrLFj_Z1xlFd2JQEk.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;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiByp8kv8JHgFVrLDz8Z11lFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiByp8kv8JHgFVrLDz8Z1JlFd2JQEl8qw.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;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiByp8kv8JHgFVrLDz8Z1xlFd2JQEk.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;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiEyp8kv8JHgFVrJJbecnFHGPezSQ.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiEyp8kv8JHgFVrJJnecnFHGPezSQ.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;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiEyp8kv8JHgFVrJJfecnFHGPc.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;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiByp8kv8JHgFVrLGT9Z11lFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiByp8kv8JHgFVrLGT9Z1JlFd2JQEl8qw.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;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiByp8kv8JHgFVrLGT9Z1xlFd2JQEk.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;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiByp8kv8JHgFVrLEj6Z11lFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiByp8kv8JHgFVrLEj6Z1JlFd2JQEl8qw.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;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiByp8kv8JHgFVrLEj6Z1xlFd2JQEk.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;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiByp8kv8JHgFVrLCz7Z11lFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiByp8kv8JHgFVrLCz7Z1JlFd2JQEl8qw.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;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiByp8kv8JHgFVrLCz7Z1xlFd2JQEk.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;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiByp8kv8JHgFVrLDD4Z11lFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiByp8kv8JHgFVrLDD4Z1JlFd2JQEl8qw.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;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiByp8kv8JHgFVrLDD4Z1xlFd2JQEk.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;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiByp8kv8JHgFVrLBT5Z11lFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiByp8kv8JHgFVrLBT5Z1JlFd2JQEl8qw.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;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.myikas.com/s/poppins/v23/pxiByp8kv8JHgFVrLBT5Z1xlFd2JQEk.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;
}

body{ font-family: 'Poppins', -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;} 
*{outline: 0 !important;}

:root, .elementor-kit-6{
    --e-global-color-primary: #9b1f2e !important;
    --e-global-color-primary-2: #9b1f2e !important;
    --e-global-color-secondary: #000000 !important;
    --e-global-color-tertiary: #4EBA59 !important;
    --e-global-color-text: #646057 !important;
    --e-global-color-accent: #9b1f2e !important;
    --e-global-color-border: #E5E1DB !important;
    --e-global-color-lighter: #989389 !important;
    --e-global-color-dark: #2E2829 !important;
    --e-global-typography-accent-font-family: 'Poppins', Sans-serif !important;
    --e-global-typography-accent-font-weight: 600 !important;
    --e-global-typography-text-font-family: 'Poppins', Sans-serif !important;
    --e-global-typography-text-font-weight: 400 !important;
    --e-global-typography-primary-font-family: 'Poppins', Sans-serif !important;
    --e-global-typography-primary-font-weight: 700 !important;
    --e-global-typography-secondary-font-family: 'Poppins', Sans-serif !important;
    --e-global-typography-secondary-font-weight: 400 !important;
    --e-global-typography-tertiary-font-family: 'Poppins', Sans-serif !important;
    --e-global-typography-tertiary-font-weight: 400 !important;
}
.main-navigation ul.menu>li.menu-item>a{padding: 47px 0 43px !important;}
.hide{display: none !important;}
.justify-content-center{justify-content: center !important;}

.oz-logo-white, .fo-white{display: none;}

.oz-home-header .main-navigation ul.menu>li.menu-item>a, .oz-home-header .oz-search{color: #fff;}
.oz-home-header .oz-logo-dark, .oz-home-header .fo-dark{display: none;}
.oz-home-header .oz-logo-white, .oz-home-header .fo-white{display: block !important;}

.oz-home-header.sticky .main-navigation ul.menu>li.menu-item>a, .oz-home-header.sticky .oz-search{color: #000;}
.oz-home-header.sticky .oz-logo-dark, .oz-home-header.sticky .fo-dark{display: block ;}
.oz-home-header.sticky .oz-logo-white, .oz-home-header.sticky .fo-white{display: none !important;}

.oz-header{
    background-color: transparent;
    width: 100%;
    z-index: 999 !important;
    transition: all 0.3s ease;
}
.oz-header.sticky {
    background-color: #fff;
    position: fixed !important;
    top: 0;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);

}
.oz-header .elementor-138 .elementor-element.elementor-element-e01d714 .hfe-site-logo-container .hfe-site-logo-set {display: flex; justify-content: center;}
.oz-header.sticky .elementor-138 .elementor-element.elementor-element-e01d714 .hfe-site-logo-container .hfe-site-logo-img{width: 170px;}
.oz-header.sticky .main-navigation ul.menu>li.menu-item>a{padding: 30px 0 !important;}
.oz-header.sticky .fo-logo{width: 70%;}

.elementor-3025 .elementor-element.elementor-element-771c197 .elementor-image-box-title,
.elementor-143 .elementor-element.elementor-element-8884b72,
.elementor-143 .elementor-element.elementor-element-8c7ab1f,
.elementor-143 .elementor-element.elementor-element-7cf836c{
    font-family: var(--e-global-typography-accent-font-family) !important;
}

.border-none{border: none !important}

#content.site-content{
    margin-top: -25px !important;
}
#content.oz-content-index3{
    margin-top: -122px !important;
}
#content.oz-content-product{
    margin-top: 70px !important;
}
.ozmer-logo {max-width: 70%;}
.ozmer-footer-logo img {
    width: auto !important;
    height: 120px !important;
    margin: 0 auto !important;
}
.fo-logo {
    max-width: 100% !important;
    margin: 0 auto;
}
.oz-hamur-robot img{
    width: 50% !important;
}

.bc-white{background-color: #fff !important;}
.oz-bradius-10{border-radius: 10px !important;}

.fs-8{font-size: 8pt !important;}
.ptop-0, .pt-0{--padding-top: 0 !important;}
.pbottom-0, .pb-0{--padding-bottom: 0 !important;}

.fs-3rem{font-size: 3rem !important;}

.position-unset{position: unset !important;}
.w-100{width: 100% !important;}
.h-100{height: 100% !important;}

.pb-0{padding-bottom: 0 !important;}
.pb-50{padding-bottom: 50px !important;}
.pb-60{padding-bottom: 60px !important;}
.pb-70{padding-bottom: 70px !important;}
.pb-80{padding-bottom: 80px !important;}
.p-0{padding: 0px !important;}
.p-10{padding: 10px !important;}
.p-15{padding: 15px !important;}
.p-20{padding: 20px !important;}
.p-30{padding: 30px !important;}
.p-50{padding: 50px !important;}
.p-60{padding: 60px !important;}
.p-100{padding: 100px !important;}
.p-150{padding: 150px !important;}
.p-160{padding: 160px !important;}
.p-200{padding: 200px !important;}
.pt-10{padding-top: 10px !important;}
.pt-15{padding-top: 15px !important;}
.pt-20{padding-top: 20px !important;}
.pt-30{padding-top: 30px !important;}
.pt-50{padding-top: 50px !important;}
.pt-60{padding-top: 60px !important;}
.pt-70{padding-top: 70px !important;}
.pt-80{padding-top: 80px !important;}
.pt-90{padding-top: 90px !important;}
.pt-100{padding-top: 100px !important;}
.pt-150{padding-top: 150px !important;}
.pt-160{padding-top: 160px !important;}
.pt-200{padding-top: 200px !important;}
.pb-20{padding-bottom: 20px !important;}
.pb-90{padding-bottom: 90px !important;}
.mb-0{margin-bottom: 0 !important;}
.mb-30{margin-bottom: 30px !important;}
.mb-50{margin-bottom: 50px !important;}
.mb-70{margin-bottom: 70px !important;}
.mb-90{margin-bottom: 90px !important;}
.mb-100{margin-bottom: 100px !important;}
.mt-10{margin-top: 10px !important;}
.mt-15{margin-top: 15px !important;}
.mt-20{margin-top: 20px !important;}
.mt-30{margin-top: 30px !important;}
.mt-50{margin-top: 50px !important;}
.mt-60{margin-top: 60px !important;}
.mt-70{margin-top: 70px !important;}
.mt-80{margin-top: 80px !important;}
.mt-90{margin-top: 90px !important;}
.mt-100{margin-top: 100px !important;}
.mt-120{margin-top: 120px !important;}
.mt-130{margin-top: 130px !important;}
.mt-150{margin-top: 150px !important;}
.mt-160{margin-top: 160px !important;}
.mt-200{margin-top: 200px !important;}
.main-navigation ul.sub-menu{
    min-width: 300px !important;
    padding: 30px 20px 20px 30px !important;
}
.sub-menu-main-title{
    border-bottom: solid 2px #9b1f2e;
    padding: 0 5px 3px 0 !important;
    /* font-size: 14px !important; */
}
.oz-menu-elementor-element{
    --widgets-spacing: 10px 10px !important;
}
.oz-submenu-pro-title{
    margin-bottom: 15px !important;
}
.oz-submenu-products{
    grid-row-gap: 10px !important;
}
.elementor-125 .elementor-element.elementor-element-d74a2a4:not(.elementor-motion-effects-element-type-background){
    background-image: url('../img/ozmer-fabrika-buyuk.jpg') !important;
    /* background-position: bottom center !important; */
}
.elementor-125 .elementor-element.elementor-element-cbda49d .elementor-heading-title{
    font-size: 70px !important;
}
.elementor-125 .elementor-element.elementor-element-cbda49d .elementor-heading-title{
    color: var(--e-global-color-secondary) !important;
}
.elementor-125 .elementor-element.elementor-element-cbda49d{
    bottom: 20% !important;
}
.ozmer-fabrika-filtre-img{
    max-width: 70% !important;
}
.category-product-style-4 .elementor-categories-item .category-product-img a img{
    height: 184px !important;
}
.category-product-style-4 .category-title a{
    text-transform: uppercase;
}
.category-product-style-4 .elementor-categories-item .category-product-img:before{
    top: 25% !important;
}
.product-caption .count-review{
    margin-bottom: 2rem !important;
}
.product-caption .count-review i {
    margin-right: 5px;
}
.product-transition{
    margin-bottom: 3rem !important;
}
.e-oz-brands {
    background-color: #f7f3ed !important;
}
.e-oz-fabric{
    min-height: 720px !important;
    --min-height: 720px !important;
    background-image: url('../img/ozmer-fabrika-banner.jpg') !important;
}
.hamur-sliuet-img img {
    width: 800px !important;
    margin-left: -200px !important;
    transform: rotate(15deg);
    opacity: .2;
}
.hamur-sliuet-img-2 {
    margin-right: -200px;
    --e-transform-flipX: -1 !important;
}
.hamur-sliuet-img-2 img{
    width: 800px;
    margin-right: -200px;
    transform: rotate(-15deg);
    opacity: .2;
}
.hamur-sliuet-img-3-1{
    margin-right: -100px;
}
.hamur-sliuet-img-3-1 img {
    width: 1200px !important;
    margin-right: -300px !important;
    transform: rotate(15deg);
    opacity: .4;
}
.hamur-sliuet-img-3-2 {
    margin-right: -200px;
    --e-transform-flipX: -1 !important;
}
.hamur-sliuet-img-3-2 img{
    width: 1100px;
    margin-left: -200px;
    margin-top: -180px;
    transform: rotate(-15deg);
    opacity: .4;
}
.e-oz-mesaj {
    background-image: url('../img/ozmer-fabrika-filtre.png');
    background-size: 70%;
    background-position: right;
    background-repeat: no-repeat;
}
.oz-message-text {
    font-family: 'Parisienne' !important;
    font-size: 24pt !important;
}
body:not(.rtl) .elementor-125 .elementor-element.elementor-element-cbda49d{
    right: 0 !important;
}
.elementor-brand-wrapper .elementor-brand-image svg, .elementor-brand-wrapper .elementor-brand-image img{
    opacity: .8 !important;
    fill: brightness(0.7);
}

/* ========================================
   ABOUT PAGE - VIDEO HERO SECTION
   ======================================== */

.oz-about-new-section {
    margin: 0 !important;
    padding: 0 !important;
}

.oz-about-new-section .entry-content {
    margin: 0;
    padding: 0;
}

/* Wrapper */
.oz-about-wrapper {
    position: relative;
    width: 100%;
}

.oz-about-video-hero{
    position: relative;
    overflow: visible;
}

/* Video Hero Section */
.oz-about-video-hero {
    position: relative;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    height: 600px;
    max-height: 100vh;
    overflow: visible;
    display: flex;
    align-items: center;
    justify-content: center;
}

.oz-about-hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.oz-about-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 2;
}

.oz-about-hero-content {
    position: relative;
    z-index: 3;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 60px;
}

/* Nokta */
.oz-hero-dot {
    width: 10px;
    height: 10px;
    background: #FBEDDA;
    border-radius: 50%;
    display: block;
    flex-shrink: 0;
}

/* Dikey Çizgi (Video içinde - üstte) */
.oz-hero-vline {
    width: 1px;
    height: 70px;
    background: #FBEDDA;
    display: block;
    flex-shrink: 0;
}

/* Yatay Çizgi Container - Tam Genişlik */
.oz-hero-hline-full {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
}

/* Alt Yatay Çizgi - margin ayarı */
.oz-hero-hline-bottom {
    position: relative;
    margin-bottom: 0;
}

/* Yatay Çizgiler */
.oz-hero-hline-left,
.oz-hero-hline-right {
    flex: 1;
    height: 1px;
    background: #FBEDDA;
    display: block;
}

/* Başlık */
.oz-about-hero-title {
    font-family: 'Poppins', sans-serif;
    font-size: 3rem;
    font-weight: 600;
    color: #FBEDDA;
    text-transform: uppercase;
    letter-spacing: 12px;
    margin: 25px 0;
    text-shadow: 2px 2px 10px rgba(0,0,0,0.4);
    text-align: center;
    line-height: 1.4;
}

/* ======================================== ALT DİKEY ÇİZGİ ======================================== */
.oz-hero-vertical-connector {
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 5;
    width: 1px;
}

/* Alt Dikey Çizgi */
.oz-hero-vline-connector {
    width: 1px;
    height: 250px;
    background: #FBEDDA;
    display: block;
}

.oz-hero-dot-bottom{
    margin-top: 0;
}

/* About Content Section */
.oz-about-content-section {
    padding: 0px;
    background: #fff;
}

.oz-about-content-inner {
    padding-top: 80px;
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.oz-about-content-text {
    font-size: 1.1rem;
    line-height: 1.9;
    color: #333;
}

.oz-about-content-text p {
    margin-bottom: 1.5rem;
}

.oz-about-content-text h2,
.oz-about-content-text h3 {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 1.5rem;
    color: #000;
}

/* ========================================
   RESPONSIVE - VIDEO HERO
   ======================================== */
@media screen and (max-width: 1200px) {
    .oz-about-video-hero {
        height: 550px;
    }
    .oz-about-hero-title {
        font-size: 2.5rem;
        letter-spacing: 10px;
    }
    .oz-hero-vline-connector {
        height: 70px;
    }
}

@media screen and (max-width: 992px) {
    .oz-about-video-hero {
        height: 500px;
    }
    .oz-about-hero-title {
        font-size: 2rem;
        letter-spacing: 8px;
    }
    .oz-hero-vline {
        height: 50px;
    }
    .oz-hero-vline-connector {
        height: 60px;
    }
    .oz-about-hero-content {
        padding: 30px 40px;
    }
    .oz-about-content-section {
        padding: 25px 20px 60px 20px;
    }
}

@media screen and (max-width: 768px) {
    .oz-about-video-hero {
        height: 450px;
    }
    .oz-about-hero-title {
        font-size: 1.5rem;
        letter-spacing: 6px;
        margin: 20px 0;
    }
    .oz-hero-vline {
        height: 40px;
    }
    .oz-hero-vline-connector {
        height: 70px;
    }
    .oz-hero-dot {
        width: 8px;
        height: 8px;
    }
    .oz-about-hero-content {
        padding: 20px 30px;
    }
    .oz-about-content-section {
        padding: 20px 15px 50px 15px;
    }
    .oz-about-content-text {
        font-size: 1rem;
    }
    .oz-about-content-inner{
        padding-top: 50px;
    }
    .oz-hero-dot-bottom{
        margin-top: 4px;
    }
}

@media screen and (max-width: 480px) {
    .oz-about-video-hero {
        height: 400px;
    }
    .oz-about-hero-title {
        font-size: 1.2rem;
        letter-spacing: 4px;
        margin: 15px 0;
    }
    .oz-hero-vline {
        height: 30px;
    }
    .oz-hero-vline-connector {
        height: 190px;
    }
    .oz-hero-dot {
        width: 6px;
        height: 6px;
    }
    .oz-about-hero-content {
        padding: 15px 20px;
    }
    .oz-about-content-inner{
        padding-top: 40px;
    }
}

.elementor-142 .elementor-element.elementor-element-362b122::before, .elementor-142 .elementor-element.elementor-element-362b122>.elementor-background-video-container::before, .elementor-142 .elementor-element.elementor-element-362b122>.e-con-inner>.elementor-background-video-container::before, .elementor-142 .elementor-element.elementor-element-362b122>.elementor-background-slideshow::before, .elementor-142 .elementor-element.elementor-element-362b122>.e-con-inner>.elementor-background-slideshow::before, .elementor-142 .elementor-element.elementor-element-362b122>.elementor-motion-effects-container>.elementor-motion-effects-layer::before{
    background-image: none !important;
}
.e-oz-footer::before{
    background-image: url('../img/ozmer-fabrika-sliuet-2.png') !important;
    background-size: 40%;
}
.oz-menu-img img {
    border-radius: 10px !important;
}
.winesto-av{
    background-repeat: no-repeat !important;
    background-size: 60% !important;
    background-position: bottom !important;
}
.winesto-av img {
    max-width: 250px !important;
}
.oz-golden-border{
    --border-color: #bd9e5e !important;
}
.op-05{opacity: .5 !important;}
.op-70{opacity: .7 !important;}
.cl-white {color: white !important;}
.cl-black {color: black !important;}
.f-bold{font-weight: bold !important;}
.e-oz-sector{
    --padding-top: 120px !important;
}
ul.oz-sector-items{
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
}
ul.oz-sector-items li{
    flex-basis: 50%;
    box-sizing: border-box;
    list-style: none;
}
ul.oz-sector-items li::before{
    content: "\f00c";
    font-family: 'Font Awesome 5 Free';
    display: inline-block;
    margin-right: 10px;
}
.e-oz-belgeler{
    background-image: none !important;
}
.oz-belgeler-inner{
    --padding-top: 90px !important;
    --padding-bottom: 90px !important;
}
.e-oz-belgeler img{
    width: 40%;
    margin: 0 auto;
}
.e-oz-fabrika{
    padding-top: 150px !important;
}
.oz-mesaj-index3{
    display: block !important;
}
.oz-mesaj-index3 .swiper-slide{
    width: 100% !important;
}
.elementor-testimonial-item-wrapper .layout-3 .icon{
    margin-bottom: 30px !important;
    margin-top: 20px !important;
}
.elementor-128 .elementor-element.elementor-element-f23ee78{
    --padding-top: 40px !important;
}
.elementor-129 .elementor-element.elementor-element-c8602ea{
    --padding-top: 100px !important;
    --padding-bottom: 100px !important;
}
.e-oz-banners h3{
    font-size: 24px !important;
}
.oz-slider-parallax{
    background-image: url('../img/slider/parallax-2.jpg');
    background-position: 100%;
}
.oz-parallax{
    width: 100%;
    height: 800px;
    background-image: url('../img/slider/parallax-2.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
    background-attachment: fixed;
}
.oz-slider{
    position: absolute;
    width: 100%;
    height: 800px;
    background-image: url('../img/slider/parallax-1.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    top: 0;
}
.oz-slider::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
}
.main-navigation ul.menu>li.menu-item>a{
    font-weight: bold;
}
.main-navigation ul.menu>li.menu-item>a{
    letter-spacing: 0px !important;
    font-family: "Raleway" !important;
    font-size: 1rem !important;
}
.rev-slidebg {
    width: 100% !important;
}
.rev-btn:hover > a, .elementor-video-popup:hover{
    color: #fff !important;
}
.ozmer-play-img{
    cursor: pointer;
}
.ce-ozmer-tarihce-img{
    width: 100% !important;
    z-index: 2 !important;
}
.ce-ozmer-tarihce-img div{
    width: 100% !important;
}
.ce-ozmer-tarihce-img img{
    width: 70% !important;
}
.oz-banner-play-btn{
    position: absolute !important;
    bottom: 100px;
}
.oz-banner-play-btn.oz-banner-play-btn-home{
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
}
.oz-banner-play-btn .elementor-video-icon{
    width: 150px;
}
.oz-banner-bg{
    filter: brightness(0.6);
}
.elementor-widget-winesto-banner.elementor-position-below .elementor-cta__content_inner{
    flex-direction: unset !important;
    justify-content: center;
}
.elementor-cta__content.oz-fo-mumkun-content{
    align-content: center !important;
}
.elementor-cta__content.oz-fo-mumkun-content.oz-fo-mumkun-content-inner{
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
    align-items: center;
}
.oz-bread-product{
    display: block !important;
}
.single-product div.product .product_meta>span:first-child{
    margin-top: 20px;
}
.single-product div.product .product_meta>span{
    margin-bottom: 1rem !important;
}
.woocommerce-product-gallery .flex-viewport{
    border: solid 1px #ccc !important;
}
.single-product div.product .product-video-360{
    top: 80px !important;
    right: 22px !important;
}
.single-product div.product .product-3d-area{
    position: absolute;
    top: 140px;
    z-index: 111;
    right: 20px;
    display: inline-flex;
    align-items: flex-end;
}
.single-product div.product .product-3d-area.no-video{top: 90px !important;}
.single-product div.product .product-3d-area.has-video{top: 200px !important;}
.single-product div.product .product-video-360.insta-video{top: 140px !important;}
.single-product div.product .product-3d-area .product-3d-area__btn{
    cursor: pointer;
    color: var(--e-global-color-lighter);
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 12px;
    font-size: .75rem;
    text-align: center;
}
.single-product div.product .product-3d-area .product-3d-area__btn.btn-video i{
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 3px;
}
.single-product div.product .product-3d-area .product-3d-area__btn.btn-video span{
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}
#product-3d-content {
    background-color: #FFF;
    width: 458px;
    height: 603px;
    margin: 0 auto;
    /* border: 1px solid black; */
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img{
    border: 1px solid #b41636 !important;
}
/* .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical .flex-control-thumbs li:last-child::after {
    content: "";
    position: absolute;
    bottom: 3px;
    right: 5px;
    width: 20px;
    height: 20px;
    background-image: url('../img/ozmer-3d-icon.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
} */
.product-caption a[class*=product_type_]:before {
    content: "\f06e" !important;
    font-family: 'Font Awesome 5 Free' !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    line-height: 1;
    vertical-align: middle;
    /* font-size: 15px; */
    font-size: 1rem;
    margin-right: 5px;
}
table.shop_attributes th {
    width: 50%;
}
@media screen and (max-width: 640px) {
    .oz-parallax, .oz-slider{
        height: 200px !important;
    }
}

.product-categories .cat-item .active{color: #b41636;}

.oz-file-input{
    margin-top: 8px;
    padding: 14px 20px;
    background-color: #fff;
    border: 1px solid var(--e-global-color-border);
    -webkit-appearance: none;
    box-sizing: border-box;
    outline: 0;
    font-size: 16px;
    font-size: 1rem;
    -ms-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
    border-radius: 0;
    height: 52px;
    width: 100%;
    font-family: var(--e-global-typography-text-font-family);
    font-weight: var(--e-global-typography-text-font-weight);
    font-style: var(--e-global-typography-text-font-style);
    text-decoration: var(--e-global-typography-text-text-decoration);
    line-height: var(--e-global-typography-text-line-height);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
}

.main-navigation ul.sub-menu ul.sub-menu {
    margin-left: 25px !important;
    min-width: 200px !important;
}
.elementor-header-group-wrapper.oz-right-header{
    display: flex;
    justify-content: center;
    align-items: center;
}
.oz-search {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    transition: 0.5s all ease;
    z-index: 2;
    cursor: pointer;
    color: #000;
    font-size: 28px;
    top: -2px;
} 
#search-menu {
     position: fixed;
     width: 100%;
     height: 100%;
     top: -20em;
     left: 0;
     right: 0;
     white-space: nowrap;
     z-index: 9999;
     background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.80) 50%, rgba(0, 0, 0, 0.01) 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.80)), color-stop(50%, rgba(0, 0, 0, 0.80)), color-stop(100%, rgba(0, 0, 0, 0.01)));
     background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.80) 50%, rgba(0, 0, 0, 0.01) 100%);
     background: -o-linear-gradient(top, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.80) 50%, rgba(0, 0, 0, 0.01) 100%);
     background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.80) 50%, rgba(0, 0, 0, 0.01) 100%);
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.80) 50%, rgba(0, 0, 0, 0.01) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc000000', endColorstr='#1a000000',GradientType=0);
     opacity: 0;
     visibility: hidden;
     -webkit-transition: 500ms ease all;
     -moz-transition: 500ms ease all;
     transition: 500ms ease all;
}
 #search-menu.toggled {
     top: 0;
     opacity: 1;
     visibility: visible;
}
 #search-menu .wrapper {
     position: relative;
     margin: 3em auto 0 auto;
     padding: 0 1em;
}
 #search-menu .wrapper input {
     width: 90%;
     padding: 0 0 0.125em 0;
     background: transparent;
     border: none;
     border-bottom: 3px solid #bfbfbf;
     font-size: 4em;
     color: #bfbfbf;
}
 #search-menu .wrapper input:focus {
     outline: none;
}
 #search-menu .wrapper button {
     position: absolute;
     display: block;
     width: 10%;
     right: 0;
     top: 0;
     background: transparent;
     border: none;
     color: #bfbfbf;
     font-size: 4em;
     -webkit-transition: 500ms ease all;
     -moz-transition: 500ms ease all;
     transition: 500ms ease all;
}
 #search-menu .wrapper button:hover {
     color: #fff;
}
 #search-menu .wrapper button:focus {
     outline: none;
}

/* Timeline Genel Alan */
.timeline {
  position: relative;
  width: 90%;
  max-width: 1200px;
  margin: 50px auto;
  padding: 40px 0;
}

/* Timeline Ortadaki Çizgi */
.timeline::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 3px;
  background: #000;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

/* Her Bir Timeline Öğesi */
.timeline-item {
  position: relative;
  width: 50%;
  box-sizing: border-box;
  padding: 20px;
}

/* Soldaki Kutular */
.timeline-item.left {
  left: 0;
  text-align: left;
  display: flex;
  justify-content: flex-end; /* Sağdan bastırıyoruz ki çizgiye yaklaşsın */
}

/* Sağdaki Kutular */
.timeline-item.right {
  left: 50%;
  text-align: left;
  display: flex;
  justify-content: flex-start; /* Soldan bastırıyoruz */
}

.timeline-item.right:before{left: 0px;}
.timeline-item.left:before{right: -16px;}

/* İçerik Kutuları */
.timeline-item .content-box {
  background: #eee;
  padding: 20px;
  border-radius: 8px;
  max-width: 320px;
  min-width: 300px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 2;
}

/* Noktalar (Dot) */
.timeline-item::before {
  content: '';
  position: absolute;
  top: 30px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #8B0000;
  border: 4px solid #fff;
  transform: translateX(-50%);
  z-index: 3;
}

/* Scroll Animasyonu */
.timeline-item {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s ease-out;
}

.timeline-item.active {
  opacity: 1;
  transform: translateY(0);
}

.timeline-item .content-box .year{
    margin-bottom: 15px;
    font-weight: bolder;
}

.timeline-item .content-box .content p {
    margin-bottom: 0px;
    font-size: 14px;
}

/* --- MOBİL UYUMLULUK --- */
@media screen and (max-width: 768px) {
  .timeline::after {
    left: 8px;
  }

  .timeline-item {
    width: 100%;
    padding-left: 30px;
    padding-right: 15px;
    margin-bottom: 50px;
    display: block;
  }

  .timeline-item.left, 
  .timeline-item.right {
    left: 0;
    justify-content: flex-start;
  }

  .timeline-item .content-box {
    min-width: auto;
    max-width: 100%;
  }

  .timeline-item::before {
    left: 0;
    transform: translateX(0);
  }
}

.oz-gallery-img{
    width: auto !important;
    max-width: 300px;
    margin-bottom: 20px;
}
.oz-gallery-title{
    visibility: visible !important;
    text-align: center;
    display: block;
    margin-top: 20px;
    position: unset !important;
}

.oz-video-area{
    display: block !important;
    width: 100%;
}
.oz-video-area iframe{border-radius: 10px;}
.oz-video-area .filter-title.oz-video-title{
    visibility: visible;
    font-family: var(--e-global-typography-primary-font-family);
    font-weight: var(--e-global-typography-primary-font-weight);
    text-transform: var(--e-global-typography-primary-text-transform);
    font-style: var(--e-global-typography-primary-font-style);
    text-decoration: var(--e-global-typography-primary-text-decoration);
    line-height: var(--e-global-typography-primary-line-height);
    letter-spacing: var(--e-global-typography-primary-letter-spacing);
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: var(--e-global-color-primary-2);
    text-align: center;
    display: block;
    margin-top: 20px;
}

.oz-event-bg{background: #000; opacity: 0.5 !important;}
.elementor-cta__bg-wrapper{border-radius: 10px;}
.elementor-cta__content.oz-event-bg-content{
    min-height: 420px !important;
    padding: 0px !important;
    justify-content: center !important;
    align-items: center !important;
    align-content: center !important;
}
.elementor-cta__content.oz-event-bg-content .oz-event-space{margin-bottom: 85px !important;}
.elementor-cta__content.oz-event-bg-content .oz-event-title{margin-top: 35px !important;}

.oz-recipes-pro-list{
    max-height: 300px;
    overflow: auto;
}

/* .oz-filter-form, .oz-filter-form .filter-widgets{display: flex; align-items: center;} */
.oz-filter-form .filter-widget{margin-bottom: 20px; border-radius: 5px;}
.oz-filter-form .filter-widgets .widget{margin-bottom: 0;}
.oz-filter-form .filter-widgets .filter-widget{
    border-right: 1px solid #989389;
    padding: 0px 8px;
}
.oz-filter-form .filter-widgets .filter-widget:last-child{border-right: 0px;}
.oz-filter-form .oz-filter-btn{width: 100%; margin-top: 20px;}
ul.products li.product h3, ul.products li.product .woocommerce-loop-product__title{text-align: center !important;}
ul.products li.product .woocommerce-loop-product__title.oz-submenu-pro-title{text-align: left !important;}
.oz-submenu-products .product-block-list{align-items: center;}
.oz-submenu-products .woocommerce-product-list-2 .left{margin-right: 0px !important;}

.oz-header-bg-overlay{background: #000; opacity: 0.5;}
.elementor-widget-winesto-banner:hover .elementor-cta__bg-overlay.oz-header-bg-overlay{opacity: 0.6;}
.oz-contact-info-box{width: 100% !important;}

/*
.oz-flags{
    background:#f9f9f9; 
    padding: 5px 20px; 
    text-align: center; 
    font-size: 14px;
}
.oz-flags .oz-flag-link{margin: 0px 8px;}
.oz-flags .oz-flag-link:first-child{margin-left: 0;}
.oz-flags .oz-flag-link:last-child{margin-right: 0;}
.oz-flags .oz-flag-link.active{color: #b41636;}
*/

.lang-switcher-wrapper {
  position: relative;
  display: inline-block;
  z-index: 1000;
}

.lang-switcher-toggle {
  display: flex;
  /* align-items: center; */
  justify-content: center;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0px;
  font-size: 16px;
  border-radius: 0px;
  cursor: pointer;
  gap: 6px;
  min-width: 40px;
  height: 40px;
  box-sizing: border-box;
}
.lang-switcher-toggle:hover{background-color: transparent; border-color: transparent;}

.lang-switcher-toggle .flag-icon {
  font-size: 20px;
  line-height: 1;
  display: inline-block;
  min-width: 20px;
  text-align: center;
}

.lang-switcher-toggle .arrow-icon {
  display: inline-block;
  width: 6px;
  height: 6px;
  border: solid #555;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  margin-left: 4px;
  margin-top: 2px;
}

.lang-switcher-menu {
  display: none;
  position: absolute;
  top: 110%;
  right: 0;
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  list-style: none;
  margin: 0;
  width: 90px;
}

.lang-switcher-menu.open {display: block;}
.lang-switcher-menu li {padding: 0;}

.lang-switcher-menu a {
  display: flex;
  align-items: center;
  padding: 5px 14px;
  font-size: 14px;
  text-decoration: none;
  color: #333;
  transition: background 0.2s ease;
  gap: 8px;
  border-radius: 10px;
}

.lang-switcher-menu a:hover {
  background-color: #f5f5f5;
}

.lang-switcher-menu a.active {
  font-weight: bold;
  color: #b41636;
}

@media (max-width: 768px){
    footer{padding-top: 50px !important;}

    .lang-switcher-menu {
        right: auto;
        left: 0;
        width: 100px;
    }
    .lang-switcher-wrapper{display: none;}

    #search-menu .wrapper input{
        font-size: 1em;
        width: 100%;
    }
    #search-menu .wrapper button{
        font-size: 2em;
        padding: 0;
        right: 10px;
        top: -20px;
    }

    .elementor-element.elementor-element-3c6c708{--e-global-column-to-show: 1 !important;}
    .elementor-element.elementor-element-3c6c708 .elementor-item{width: calc((100% - ((var(--e-global-column-to-show) - 1) * var(--grid-column-gap))) / var(--e-global-column-to-show)) !important;}

    .oz-instagram-section, .winesto-menu-filter{display: block !important;}
    .winesto-products-per-page, #woocommerce_product_brands-2, #woocommerce_product_tag_cloud-2{display: none !important;}
}

@media(min-width: 768px){
    .elementor-132 .elementor-element.elementor-element-c08bdb5 {--width: 35% !important;}
    .elementor-132 .elementor-element.elementor-element-03cfd5c {--width: 70% !important;}
}

.oz-gallery-section{
    flex-direction: row !important;
    flex-wrap: wrap !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.elementor-127 .oz-gallery-section > .oz-gallery-item{
    flex: 0 0 calc((100% - 2 * var(--gap-column, 30px)) / 3) !important;
    max-width: calc((100% - 2 * var(--gap-column, 30px)) / 3) !important;
}
@media (max-width: 1024px) {
    .elementor-127 .oz-gallery-section > .oz-gallery-item{
        flex: 0 0 calc((100% - var(--gap-column, 30px)) / 2) !important;
        max-width: calc((100% - var(--gap-column, 30px)) / 2) !important;
    }
}
@media (max-width: 767px) {
    .elementor-127 .oz-gallery-section > .oz-gallery-item{
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}
.elementor-127 .oz-gallery-section .elementor-cta__bg-overlay {
    background: rgba(0, 0, 0, 0.6) !important;
    transition: opacity .3s ease !important;
}
.elementor-127 .oz-gallery-section .oz-gallery-item:hover .elementor-cta__bg-overlay {opacity: 0.5 !important;}
.elementor-127 .oz-gallery-section .oz-gallery-item .oz-gallery-item-title{color: #fff;}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery-vertical .woocommerce-product-gallery__image.oz-product-image:hover a img{opacity: 1 !important;}

.oz-histroy-gallery{
    flex-direction: row !important;
    flex-wrap: wrap !important;
}
.oz-histroy-gallery .oz-histroy-gallery-left-item{background-color: #fff !important; --width: 60% !important; --padding-top: 90px !important; --padding-bottom: 0px !important;}
.oz-histroy-gallery .oz-histroy-gallery-right-item{--padding-top: 45px !important;}

.elementor-element[data-id="1b27e4f"] {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

#rev_slider_3_1_wrapper {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

.woocommerce-product-gallery__image {position: relative;}
.custom-search-icon {
    position: absolute;
    top: 45px;
    right: 0px;
    transform: translate(-50%, -50%);
    color: #999;
    pointer-events: none;
    transition: background-color 0.3s, color 0.3s;
    font-size: 1.125rem;
}
.product-img-wrap.fade .product-image, .product-img-wrap.fade .product-image{border-radius: 10px;}

.widget ul{
    max-height: 400px !important;
    overflow-y: auto !important;
}
.ozmer-filters .winesto-widget-woocommerce .widgettitle{
    display: block !important;
    color: #9b1f2e !important;
    font-weight: bold;
    cursor: pointer;
}
.winesto-overlay-filter{z-index: 9999 !important;}

@media (min-width: 1024px) {
    .woocommerce[class*=winesto-sidebar-] .content-area {width: calc(100% - 430px) !important;}
    [class*=winesto-sidebar-] .widget-area {width: 400px !important;}

    .woocommerce[class*=winesto-sidebar-] .content-area.oz-page-navs {width: 100% !important;}
}

/* Filtre Bölümü Stilleri */
.oz-filter-section {width: 100%;}

/* Sol Bölüm - Tab Menülü Filtreler */
.filter-tabs-wrapper {
    background: #ffffff;
    border-radius: 10px;
    overflow: hidden;
    height: 330px;
    /* box-shadow: 0 2px 15px rgba(0,0,0,0.06); */
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(155, 31, 46, 0.15);
}

.filter-nav-tabs {
    background: #fff;
    display: flex;
    margin: 0;
    border: none;
}

.filter-nav-tabs .filter-first-tab{border-right: 1px solid #eee !important;}
.filter-nav-tabs .filter-first-tab .nav-link {border-top-right-radius: 0px !important;}
.filter-nav-tabs .filter-second-tab{border-left: 1px solid #eee !important;}
.filter-nav-tabs .filter-second-tab .nav-link {border-top-left-radius: 0px !important;}

.filter-nav-tabs .nav-item {
    flex: 1;
}

.filter-nav-tabs .nav-link {
    color: #000;
    background: #fff;
    border: none;
    padding: 14px 16px;
    font-weight: 500;
    font-size: 13px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    text-align: center;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.filter-nav-tabs .nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background: #fff;
    transition: all 0.3s ease;
    transform: translateX(-50%);
}

.filter-nav-tabs .nav-link:hover {
    color: #fff;
    background: #9b1f2e;
}

.filter-nav-tabs .nav-link.active {
    color: #fff;
    background: #9b1f2e;
}

.filter-nav-tabs .nav-link.active::after {
    width: 20px;
}

.filter-tab-content {
    flex: 1;
    overflow: hidden;
}

.filter-scrollable-content {
    height: 226px;
    overflow-y: auto;
    padding: 16px;
}

.filter-link {
    display: flex;
    align-items: center;
    padding: 5px 0px;
    color: #5a5a5a;
    text-decoration: none;
    border-radius: 6px;
    transition: all 0.2s ease;
    font-size: 13px;
    /* background: #f8f9fa;
    border: 1px solid transparent; */
    cursor: pointer;
    position: relative;
    overflow: hidden;
    gap: 10px;
    padding-left: 5px;
}

.filter-link::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    background: #9b1f2e;
    transition: width 0.3s ease;
    z-index: 0;
}

.filter-link .filter-img{
    width: 50px;
    height: 50px;
    border-radius: 10px;
    object-fit: cover;
}

.filter-link span {
    position: relative;
    z-index: 1;
}

.filter-link:hover {
    /* background: #e9ecef; */
    color: #9b1f2e;
    /* border-color: rgba(155, 31, 46, 0.2); */
    transform: translateX(2px);
}

.filter-link.selected {
    background: #fbeaec;
    color: #9b1f2e;
    /* border-color: #9b1f2e; */
    transform: translateX(0);
}

.filter-tag.selected::before{
    content: none;
}

.filter-link.selected::before {
    width: 100%;
    content: none;
}

/* Sağ Bölüm - Modern Card Tasarım */
.filter-vertical-section {
    background: #ffffff;
    border-radius: 10px;
    padding: 15px 20px 20px 20px;
    height: 330px;
    overflow-y: auto;
    /* box-shadow: 0 2px 15px rgba(0,0,0,0.06); */
    border: 1px solid rgba(155, 31, 46, 0.15);
}

.filter-vertical-item {
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(155, 31, 46, 0.1);
}

.filter-vertical-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.filter-vertical-title {
    color: #9b1f2e;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    position: relative;
    padding-left: 12px;
}

.filter-vertical-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 4px;
    height: 14px;
    background: #9b1f2e
    border-radius: 2px;
    transform: translateY(-50%);
}

.filter-vertical-content {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.filter-tag {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    background: #f8f9fa;
    color: #5a5a5a;
    border-radius: 20px;
    font-size: 12px;
    border: 1px solid rgba(155, 31, 46, 0.15);
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    position: relative;
    overflow: hidden;
    text-transform: capitalize;
}

.filter-tag::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #9b1f2e, #9b1f2e);
    transition: left 0.3s ease;
    z-index: 0;
}

.filter-tag span {
    position: relative;
    z-index: 1;
}

.filter-tag:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(155, 31, 46, 0.2);
    border-color: #9b1f2e;
    color: #9b1f2e;
}

.filter-tag.selected {
    background: #fbeaec;
    color: #9b1f2e;
    border-color: #9b1f2e;
    transform: translateY(-1px);
}

.filter-tag.selected::before {
    left: 0;
}

/* Modern Buton Tasarımları */
.filter-actions {
    display: flex;
    justify-content: end;
    gap: 12px;
    align-items: center;
}

.btn-filter-apply,
.btn-filter-clear {
    padding: 12px 16px;
    border-radius: 25px;
    font-weight: bolder;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 2px solid;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.btn-filter-apply {
    background: #9b1f2e;
    color: #fff;
    border-color: #9b1f2e;
}

.btn-filter-apply:hover {transform: translateY(-2px);}

.btn-filter-clear {
    background: transparent;
    color: #9b1f2e;
    border-color: #9b1f2e;
}

.btn-filter-clear:hover {
    background: #9b1f2e;
    color: #fff;
    transform: translateY(-2px); 
}

/* Modern Scrollbar */
.filter-scrollable-content::-webkit-scrollbar,
.filter-vertical-section::-webkit-scrollbar {
    width: 0px;
    display: none
}

.filter-scrollable-content::-webkit-scrollbar-track,
.filter-vertical-section::-webkit-scrollbar-track {
    background: #f1f3f4;
    border-radius: 3px;
}

.filter-scrollable-content::-webkit-scrollbar-thumb,
.filter-vertical-section::-webkit-scrollbar-thumb {
    background:#9b1f2e;
    border-radius: 3px;
}

.filter-scrollable-content::-webkit-scrollbar-thumb:hover,
.filter-vertical-section::-webkit-scrollbar-thumb:hover {
    background: #9b1f2e;
}

/* Responsive Design */
@media (max-width: 991px) {
    .oz-filter-section {
        padding: 20px 15px;
    }
    
    .filter-tabs-wrapper,
    .filter-vertical-section {
        height: 250px;
        margin-bottom: 15px;
    }
    
    .filter-scrollable-content {
        height: 196px;
        padding: 12px;
    }
}

@media (max-width: 767px) {
    .oz-filter-section {
        padding: 16px 10px;
    }
    
    .filter-tabs-wrapper,
    .filter-vertical-section {
        height: 220px;
    }
    
    .filter-scrollable-content {
        height: 166px;
        padding: 10px;
    }
    
    .filter-nav-tabs .nav-link {
        padding: 12px 10px;
        font-size: 12px;
    }
    
    .filter-vertical-section {
        padding: 16px 12px;
    }
    
    .filter-vertical-title {
        font-size: 13px;
        margin-bottom: 10px;
    }
    
    .filter-tag {
        font-size: 11px;
        padding: 4px 8px;
    }
    
    .filter-actions {
        flex-direction: column;
        gap: 8px;
    }
    
    .btn-filter-apply,
    .btn-filter-clear {
        /* width: 100%; */
        padding: 10px 20px;
        font-size: 12px;
    }
}

@media (max-width: 576px) {
    .filter-tabs-wrapper,
    .filter-vertical-section {
        height: 200px;
    }
    
    .filter-scrollable-content {
        height: 146px;
        padding: 8px;
    }
    
    .filter-link {
        padding: 8px 10px;
        font-size: 12px;
        min-height: unset;
    }
    
    .filter-vertical-section {
        padding: 12px 8px;
    }
    
    .btn-apply-filters,
    .btn-clear-filters {
        display: block;
        width: 100%;
        margin-bottom: 8px;
    }
}

.main-navigation ul.sub-menu {box-shadow: 1px 50px 25px rgba(0,0,0,.05) !important;}
.elementor-2262 .elementor-element.elementor-element-6f6c55d .elementor-cta__content{min-height: 360px !important; padding: 65px 0 0 0 !important;}
.elementor-2262 .elementor-element.elementor-element-6f6c55d .elementor-content-item.elementor-cta__title{margin-bottom: 25px !important;}
.elementor-2262 .elementor-element.elementor-element-6f6c55d .elementor-cta__button{
    background: #9b1f2e;
    border-radius: 10px;
    padding: 14px 20px;
}
.elementor-133 .elementor-element.elementor-element-7aac483{align-self: start !important;}
/* Arama Input Stilleri - Minimal ve Modern */
.filter-search-wrapper {
    position: relative;
    padding: 8px 0px;
    border-bottom: 1px solid rgba(155, 31, 46, 0.08);
    background: #fff;
}

.filter-search-input {
    width: 100%;
    padding: 5px 12px 7px 12px !important;
    border: 1px solid #e8e8e8;
    border-radius: 20px !important;
    font-size: 12px;
    background: #f9f9f9;
    outline: none;
    transition: all 0.2s ease;
    color: #5a5a5a;
    height: 28px;
}

.filter-search-input:focus {
    border-color: #9b1f2e;
    background: #fff;
    box-shadow: 0 0 0 1px rgba(227, 8, 19, 0.1);
}

.filter-search-input::placeholder {
    color: #aaa;
    font-size: 11px;
}

.filter-search-icon {
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: #ccc;
    font-size: 10px;
    pointer-events: none;
    transition: color 0.2s ease;
}

.filter-search-input:focus + .filter-search-icon {
    color: #9b1f2e;
}

/* Scrollable content yüksekliğini ayarla */
.filter-scrollable-content {
    height: 220px;
}

/* Responsive için arama input ayarları */
@media (max-width: 991px) {
    .filter-scrollable-content {
        height: 170px;
    }
    
    .filter-search-wrapper {
        padding: 6px 10px;
    }
    
    .filter-search-input {
        height: 26px;
        font-size: 11px;
        padding: 5px 25px 5px 6px;
    }
    
    .filter-search-icon {
        right: 16px;
        font-size: 9px;
    }
}

@media (max-width: 767px) {
    .filter-scrollable-content {
        height: 140px;
    }
    
    .filter-search-wrapper {
        padding: 5px 8px;
    }
    
    .filter-search-input {
        height: 24px;
        font-size: 10px;
    }
}

@media (max-width: 576px) {
    .filter-scrollable-content {
        height: 120px;
    }
    
    .filter-search-input {
        height: 22px;
    }
}

/* Arama sonucunda gizlenmiş öğeler */
.filter-item.search-hidden {
    display: none !important;
}

/* Arama sonucu bulunamadı mesajı */
.filter-no-results {
    display: none;
    padding: 20px;
    text-align: center;
    color: #999;
    font-style: italic;
}

/* Modern Preloader - Gölgesiz Tasarım */
.oz-preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 50%, #ffffff 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999999;
    opacity: 1;
    visibility: visible;
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.oz-preloader.oz-fade-out {
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
}

.oz-preloader-content {
    text-align: center;
    position: relative;
}

.oz-logo-container {
    margin-bottom: 40px;
    animation: ozLogoFloat 3s ease-in-out infinite;
}

.oz-preloader-logo {
    width: 180px;
    height: auto;
    opacity: 0;
    animation: ozLogoFadeIn 1s ease-out 0.3s forwards;
}

.oz-loader-wrapper {
    margin: 30px 0;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.oz-loader {
    display: flex;
    gap: 8px;
    position: relative;
}

.oz-loader-dot {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: linear-gradient(45deg, #9b1f2e, #b8232f);
    animation: ozDotBounce 1.4s ease-in-out infinite both;
}

.oz-loader-dot-1 { animation-delay: -0.32s; }
.oz-loader-dot-2 { animation-delay: -0.16s; }
.oz-loader-dot-3 { animation-delay: 0s; }
.oz-loader-dot-4 { animation-delay: 0.16s; }

.oz-loading-text {
    margin-top: 25px;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #646057;
    letter-spacing: 2px;
}

.oz-loading-letter {
    display: inline-block;
    opacity: 0;
    animation: ozLetterFadeIn 0.8s ease-out forwards;
}

.oz-loading-letter:nth-child(1) { animation-delay: 0.8s; }
.oz-loading-letter:nth-child(2) { animation-delay: 0.9s; }
.oz-loading-letter:nth-child(3) { animation-delay: 1.0s; }
.oz-loading-letter:nth-child(4) { animation-delay: 1.1s; }
.oz-loading-letter:nth-child(5) { animation-delay: 1.2s; }
.oz-loading-letter:nth-child(6) { animation-delay: 1.3s; }
.oz-loading-letter:nth-child(7) { animation-delay: 1.4s; }
.oz-loading-letter:nth-child(8) { animation-delay: 1.5s; }
.oz-loading-letter:nth-child(9) { animation-delay: 1.6s; }
.oz-loading-letter:nth-child(10) { animation-delay: 1.7s; }
.oz-loading-letter:nth-child(11) { animation-delay: 1.8s; }
.oz-loading-letter:nth-child(12) { animation-delay: 1.9s; }
.oz-loading-letter:nth-child(13) { animation-delay: 2.0s; }

/* Preloader Animasyonları */
@keyframes ozLogoFloat {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
}

@keyframes ozLogoFadeIn {
    0% { 
        opacity: 0; 
        transform: scale(0.8) translateY(20px); 
    }
    100% { 
        opacity: 1; 
        transform: scale(1) translateY(0px); 
    }
}

@keyframes ozDotBounce {
    0%, 80%, 100% {
        transform: scale(0.8);
        opacity: 0.5;
    }
    40% {
        transform: scale(1.2);
        opacity: 1;
    }
}

@keyframes ozLetterFadeIn {
    0% {
        opacity: 0;
        transform: translateY(20px) rotateX(90deg);
    }
    100% {
        opacity: 1;
        transform: translateY(0px) rotateX(0deg);
    }
}

/* Responsive Preloader */
@media (max-width: 768px) {
    .oz-preloader-logo {
        width: 140px;
    }
    
    .oz-loading-text {
        font-size: 16px;
        letter-spacing: 1px;
    }
    
    .oz-loader-dot {
        width: 12px;
        height: 12px;
    }
    
    .oz-loader {
        gap: 6px;
    }

    .elementor-138 .elementor-element.elementor-element-5a4b56c{--width: 50% !important;}
    .elementor-138 .elementor-element.elementor-element-e8ff15e{--width: 23% !important;}

    .oz-header .elementor-138 .elementor-element.elementor-element-e01d714 .hfe-site-logo-container .hfe-site-logo-img {width: 170px;}
}

@media (max-width: 480px) {
    .oz-preloader-logo {
        width: 120px;
    }
    
    .oz-loading-text {
        font-size: 14px;
    }
    
    .oz-loader-dot {
        width: 10px;
        height: 10px;
    }
}

.main-navigation ul.menu>li.menu-item.active>a{color: var(--e-global-color-primary-2) !important;}
.main-navigation ul.menu>li.menu-item.active>a:before {
    width: 100% !important;
    left: 0 !important;
    right: auto !important;
}


/* Filter Sidebar Styles */
.filter-sidebar {
    background: #fff;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 30px;
    border: 1px solid #e0e0e0;
}

/* Mobil Filter Toggle Button */
.mobile-filter-toggle {
    display: none;
}

.btn-filter-toggle {
    background: linear-gradient(135deg, #b41636 0%, #8f0f28 100%);
    border: none;
    color: white;
    padding: 15px 20px;
    border-radius: 10px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(180, 22, 54, 0.3);
}

.btn-filter-toggle:hover {
    background: linear-gradient(135deg, #d01848 0%, #a11230 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(180, 22, 54, 0.4);
    color: white;
}

.btn-filter-toggle i {
    transition: transform 0.3s ease;
}

.btn-filter-toggle .toggle-icon {
    transform: rotate(0deg);
}

.btn-filter-toggle .toggle-icon.fa-chevron-up {
    transform: rotate(180deg);
}

/* Mobil görünümde filter-sidebar gizleme ve gösterme */
@media (max-width: 991px) {
    .mobile-filter-toggle {
        display: block;
    }
    
    .filter-sidebar {
        display: none;
        position: static;
        width: 100%;
        height: auto;
        z-index: 999;
        background: white;
        overflow: visible;
        padding: 15px;
        margin-top: 0;
        border-radius: 10px;
        border: 1px solid #e0e0e0;
        box-shadow: 0 4px 15px rgba(0,0,0,0.1);
        opacity: 0;
        max-height: 0;
        transition: all 0.3s ease;
    }
    
    .filter-sidebar.mobile-open {
        display: block;
        opacity: 1;
        max-height: 80vh;
        overflow-y: auto;
    }
    
    /* Mobil filter container */
    .mobile-filter-container {
        position: relative;
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .btn-filter-toggle {
        padding: 12px 16px;
        font-size: 14px;
    }
    
    .filter-sidebar {
        padding: 15px;
    }
}

.filter-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0px;
    padding: 20px 0 20px 5px;
    border-bottom: 1px solid #f0f0f0;
}

.filter-header h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #333;
    text-transform: uppercase;
}

.filter-header-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.btn-mobile-close {
    background: none;
    border: none;
    font-size: 18px;
    color: #666;
    padding: 5px;
    cursor: pointer;
    transition: color 0.3s ease;
    display: none;
}

.btn-mobile-close:hover {
    color: #b41636;
}

/* Mobil görünümde kapatma butonunu göster */
@media (max-width: 991px) {
    .btn-mobile-close {
        display: block;
    }
}

.btn-filter-clear {
    background: none;
    border: 1px solid #dc3545;
    color: #dc3545;
    padding: 5px 12px;
    border-radius: 5px;
    font-size: 12px;
    transition: all 0.3s ease;
}

.btn-filter-clear:hover {
    background: #dc3545;
    color: white;
}

/* Accordion Styles */
.accordion {
    border: none;
}

.accordion-item {
    border: none;
    border-bottom: 1px solid #f0f0f0;
    background: transparent;
}

.accordion-item:last-child {
    border-bottom: none;
}

.accordion-button {
    background: transparent !important;
    border: none;
    padding: 15px 0 5px;
    font-weight: 600;
    color: #333 !important;
    font-size: 16px;
    transition: all 0.2s ease;
    padding-left: 5px;
}

.accordion-button:not(.collapsed) {
    background: transparent !important;
    color: var(--e-global-color-primary-2) !important;
    box-shadow: none !important;
}

.accordion-button:focus {
    border-color: transparent;
    outline: 0;
    box-shadow: none !important;
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transition: transform 0.2s ease;
}

.accordion-body {padding: 0;}

/* Sub Categories Styles */
.sub-categories-container {
    padding: 10px 0;
}

.sub-category-item {
    position: relative;
    border-bottom: 1px solid #f0f0f0;
}

.sub-category-item:last-child {
    border-bottom: none;
}

.sub-category-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 10px;
    color: #666;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s ease;
    background-color: transparent;
    border: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
}

.sub-category-link:hover {
    color: #b41636;
    background-color: #f8f9fa;
    text-decoration: none;
}

.sub-category-link.active {
    color: #b41636;
    background-color: #f8f9fa;
    font-weight: 600;
}

.sub-category-link.all-option {
    font-weight: bold;
    color: #2c5530;
    border-bottom: 1px solid #eee;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.sub-category-link.all-option.active {
    background-color: #f8f9fa;
    color: #2c5530;
}

.sub-category-link.all-option:hover {
    background-color: #e9ecef;
    color: #2c5530;
}

.sub-category-arrow {
    color: #999;
    font-size: 12px;
    transition: transform 0.3s ease;
}

.sub-category-link.expanded .sub-category-arrow {
    transform: rotate(90deg);
}

.sub-category-children {
    background-color: #f9f9f9;
    padding-left: 20px;
    display: none;
}

.sub-category-children.show {
    display: block;
}

.sub-category-child-item {
    border-bottom: 1px solid #e9ecef;
}

.sub-category-child-item:last-child {
    border-bottom: none;
}

.sub-category-child-link {
    display: block;
    padding: 10px 25px;
    color: #666;
    text-decoration: none;
    font-size: 13px;
    transition: all 0.3s ease;
}

.sub-category-child-link:hover {
    color: #b41636;
    background-color: #fff;
    text-decoration: none;
}

.sub-category-child-link.active {
    color: #b41636;
    background-color: #fff;
    font-weight: 600;
}

/* Loading States */
.sub-categories-loading {
    padding: 20px;
    text-align: center;
    color: #999;
}

.sub-categories-loading i {
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Sub Accordion Styles */
.sub-accordion {
    margin-top: 5px;
}

.sub-accordion-item {
    border: none;
    border-bottom: 1px solid #e9ecef;
}

.sub-accordion-item:last-child {
    border-bottom: none;
}

.sub-accordion-button {
    background-color: #f9f9f9;
    border: none;
    border-radius: 0;
    color: #666;
    font-weight: 400;
    font-size: 13px;
    padding: 10px 45px 10px 25px;
    text-align: left;
    width: 100%;
    position: relative;
    transition: all 0.3s ease;
}

.sub-accordion-button:not(.collapsed) {
    background-color: #fff;
    color: #b41636;
    box-shadow: none;
}

.sub-accordion-button:focus {
    box-shadow: none;
    border-color: transparent;
}

.sub-accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23999'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transition: transform 0.3s ease;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
}

.sub-accordion-button:not(.collapsed)::after {
    transform: translateY(-50%) rotate(90deg);
}

.sub-accordion-body {
    padding: 0;
    background-color: #fff;
}

/* Filter Search */
.filter-search-wrapper {
    position: relative;
    margin-bottom: 10px;
}

/* VISION & MISSION SECTIONS  */
.oz-fullwidth-section {
    position: relative;
    width: 100%;
    height: 570px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.oz-fullwidth-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 1;
}

.oz-fullwidth-content {
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 900px;
    padding: 0 30px;
}

.oz-fullwidth-title {
    color: #fff;
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.oz-fullwidth-text {
    color: #fff;
    font-size: 1.25rem;
    line-height: 1.8;
    font-weight: 400;
    margin-bottom: 0;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

/* Video Fullwidth Section */
.oz-video-fullwidth-section {
    height: 1000px;
    background: #000;
}

.oz-fullwidth-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    object-fit: cover;
}

/* Responsive Fullwidth Sections */
@media (max-width: 991px) {
    .oz-fullwidth-section {
        height: 450px;
    }
    
    .oz-fullwidth-title {
        font-size: 2.5rem;
        letter-spacing: 2px;
    }
    
    .oz-fullwidth-text {
        font-size: 1.1rem;
    }
    
    .oz-video-fullwidth-section {
        height: 450px;
    }
}

@media (max-width: 767px) {
    .oz-fullwidth-section {
        height: 400px;
    }
    
    .oz-fullwidth-title {
        font-size: 2rem;
        letter-spacing: 1px;
        margin-bottom: 1rem;
    }
    
    .oz-fullwidth-text {
        font-size: 1rem;
        line-height: 1.7;
    }
    
    .oz-fullwidth-content {
        padding: 0 20px;
    }
    
    .oz-video-fullwidth-section {
        height: 350px;
    }
}

@media (max-width: 576px) {
    .oz-fullwidth-section {
        height: 350px;
    }
    
    .oz-fullwidth-title {
        font-size: 1.75rem;
    }
    
    .oz-fullwidth-text {
        font-size: 0.95rem;
    }
    
    .oz-video-fullwidth-section {
        height: 280px;
    }
}

/* ===== MISSION VISION SECTION (Legacy) ===== */
.oz-mission-vision-section {
    position: relative;
    overflow: hidden;
    padding: 5rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.mission-vision-card {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    position: relative;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    height: 100%;
}

.mission-vision-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #9b1f2e 0%, #9b1f2e 100%);
    opacity: 0.8;
}

.mission-vision-card .card-icon {
    position: relative;
    margin-bottom: 1.5rem;
}

.mission-vision-card .card-icon i {
    font-size: 3rem;
    background: linear-gradient(135deg, #9b1f2e 0%, #9b1f2e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display: inline-block;
}

.mission-vision-card h3 {
    font-weight: 600;
    font-size: 1.5rem;
    color: #2c3e50;
    margin-bottom: 1.25rem;
    letter-spacing: -0.02em;
    position: relative;
}

.mission-vision-card h3::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 2px;
    background: linear-gradient(90deg, #9b1f2e, #9b1f2e);
    border-radius: 1px;
}

.mission-vision-card p {
    color: #6c757d;
    line-height: 1.7;
    font-size: 0.95rem;
    margin-bottom: 0;
    font-weight: 400;
    text-align: justify;
    hyphens: auto;
}

/* Container styling */
.oz-mission-vision-section .container {
    position: relative;
    z-index: 1;
}

.oz-mission-vision-section .row {
    align-items: stretch;
}

/* Responsive adjustments */
@media (max-width: 991px) {
    .oz-mission-vision-section {
        padding: 3rem 0;
    }
    
    .mission-vision-card {
        margin-bottom: 2rem;
    }
    
    .mission-vision-card .card-icon i {
        font-size: 2.5rem;
    }
    
    .mission-vision-card h3 {
        font-size: 1.35rem;
    }
}

@media (max-width: 767px) {
    .oz-mission-vision-section {
        padding: 2.5rem 0;
    }
    
    .mission-vision-card {
        margin-bottom: 1.5rem;
        padding: 1.5rem;
    }
    
    .mission-vision-card .card-icon {
        margin-bottom: 1rem;
    }
    
    .mission-vision-card .card-icon i {
        font-size: 2rem;
    }
    
    .mission-vision-card h3 {
        font-size: 1.25rem;
        margin-bottom: 1rem;
    }
    
    .mission-vision-card p {
        font-size: 0.9rem;
        line-height: 1.6;
        text-align: center;
    }
}

@media (max-width: 576px) {
    .oz-mission-vision-section {
        padding: 2rem 0;
    }
    
    .mission-vision-card {
        padding: 1.25rem;
    }
    
    .mission-vision-card h3::after {
        width: 30px;
    }
}

.filter-search-input {
    width: 100%;
    padding: 10px 40px 10px 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 14px;
    transition: border-color 0.3s ease;
}

.filter-search-input:focus {
    outline: none;
    border-color: var(--e-global-color-primary-2);
}

.filter-search-wrapper i {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    font-size: 14px;
}

/* Filter Items Grid */
.filter-items-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
    gap: 8px;
    max-height: 300px;
    overflow-y: auto;
    padding-right: 5px;
}

/* Horizontal Filter Items */
.filter-items-container {
    max-height: 250px;
    overflow-y: auto;
    padding-right: 5px;
}

.filter-items-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.filter-item-horizontal {
    position: relative;
}

.filter-link-horizontal {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #333;
    padding: 8px 12px;
    border-radius: 6px;
    border: 1px solid transparent;
    transition: all 0.3s ease;
    background: #f8f9fa;
}

.filter-link-horizontal:hover {
    color: #333;
    text-decoration: none;
    border-color: var(--e-global-color-primary-2);
    background: #fff;
}

.filter-link-horizontal.selected {
    border-color: var(--e-global-color-primary-2);
    background: #fff;
    color: var(--e-global-color-primary-2);
}

.filter-item {
    position: relative;
}

.filter-link {
    /* display: block; */
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #333;
    text-align: center;
    padding: 8px;
    border-radius: 6px;
    border: 2px solid transparent;
    transition: all 0.3s ease;
    background: #f8f9fa;
    min-height: 105px;
}

.filter-link:hover {
    color: #333;
    text-decoration: none;
    border-color: var(--e-global-color-primary-2);
    background: #fff;
}

.filter-link.selected {
    border-color: var(--e-global-color-primary-2);
    background: #fff;
    color: var(--e-global-color-primary-2);
}

.filter-image {
    width: 40px;
    height: 40px;
    margin: 0 auto 6px;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.filter-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 4px;
}

.filter-name {
    font-size: 11px;
    font-weight: 400;
    line-height: 1.2;
    display: block;
}

.filter-no-results {
    text-align: center;
    padding: 20px;
    color: #666;
}

/* Filter Actions */
.filter-actions {
    margin-top: 0px;
    padding-top: 10px;
    border-top: 1px solid #f0f0f0;
}

.btn-filter-apply {
    width: 100%;
    background: var(--e-global-color-primary-2);
    color: white;
    border: none;
    padding: 12px 20px;
    border-radius: 8px;
    font-weight: 600;
    transition: background 0.3s ease;
}

.btn-filter-apply:hover {
    background: var(--e-global-color-primary-2);
}

/* Recipes Content Area */
.recipes-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
}

.results-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.results-info p {
    margin: 0;
    font-weight: 600;
    color: #333;
}

/* View Toggle Buttons */
.view-toggle {
    display: flex;
    gap: 5px;
    align-items: center;
}

.view-toggle-btn {
    border: 1px solid #ddd;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #666;
    font-size: 16px;
    border-radius: 4px;
    padding: 8px;
}

.view-toggle-btn:hover {
    background: #f8f9fa;
    border-color: #ccc;
    color: #333;
}

.view-toggle-btn.active {
    background: var(--e-global-color-primary, #9b1f2e);
    border-color: var(--e-global-color-primary, #9b1f2e);
    color: #fff;
}

.view-toggle-btn i {
    font-size: 14px;
}

/* List View Styles */
.winesto-products-grid.list-view .elementor-grid {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.winesto-products-grid.list-view .product {
    width: 100% !important;
    margin-bottom: 0 !important;
    border-bottom: 1px solid #eee;
}

.winesto-products-grid.list-view .product:last-child {
    border-bottom: none;
}

.winesto-products-grid.list-view .product.product-list .product-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 25px;
    padding: 30px 20px;
    background: transparent;
    border: none;
    border-radius: 0;
}

.winesto-products-grid.list-view .product.product-list .product-transition {
    margin-bottom: 0 !important;
    flex-shrink: 0;
    width: 200px;
}

/* .winesto-products-grid.list-view .product.product-list .product-image {
    width: 200px;
    height: 160px;
    overflow: hidden;
    border-radius: 10px;
    background: #f5f5f5;
} */

.winesto-products-grid.list-view .product.product-list .product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.winesto-products-grid.list-view .product.product-list .product-caption {
    flex: 1;
    text-align: left;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
}

.winesto-products-grid.list-view .product.product-list .product-caption h3 {
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 600;
    text-align: left !important;
    color: #333;
    line-height: 1.3;
}

.winesto-products-grid.list-view .product.product-list .product-caption h3 a {
    color: #333;
    text-decoration: none;
    transition: color 0.3s ease;
}

.winesto-products-grid.list-view .product.product-list .product-caption h3 a:hover {
    color: #b41636;
}

.winesto-products-grid.list-view .product.product-list .product-caption p {
    text-align: left !important;
    color: #666;
    font-size: 14px;
    line-height: 1.6;
    margin: 0 0 20px 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    overflow: hidden;
}

.winesto-products-grid.list-view .product.product-list .product-caption .woocommerce-loop-product__title {
    text-align: left !important;
}

/* İncele Butonu */
.winesto-products-grid.list-view .product.product-list .product-caption .list-view-button {
    margin-top: auto;
    padding-top: 15px;
}

.winesto-products-grid.list-view .product.product-list .product-caption .btn-incele {
    display: inline-block;
    padding: 10px 20px;
    background-color: #b41636;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: background-color 0.3s ease;
    border: none;
    cursor: pointer;
}

.winesto-products-grid.list-view .product.product-list .product-caption .btn-incele:hover {
    background-color: #a01430;
    color: white;
    text-decoration: none;
}

/* Additional List View Enhancements */
.winesto-products-grid.list-view .product.product-list .product-caption .star-rating {
    margin: 5px 0;
    text-align: left;
}

.winesto-products-grid.list-view .product:last-child {
    border-bottom: none;
}

/* Responsive tasarım için list view */
@media (max-width: 991px) {
    .winesto-products-grid.list-view .product.product-list .product-block {
        gap: 20px;
        padding: 25px 15px;
        align-items: center;
    }
    
    .winesto-products-grid.list-view .product.product-list .product-transition {
        width: 160px;
    }
    
    .winesto-products-grid.list-view .product.product-list .product-image {
        width: 160px;
        height: 130px;
    }
    
    .winesto-products-grid.list-view .product.product-list .product-caption h3 {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .recipes-header {
        flex-direction: column;
        gap: 15px;
        padding: 15px;
    }
    
    .results-info {
        flex-direction: row;
        gap: 0px;
        align-items: center;
    }
    
    .view-toggle {
        align-self: flex-end;
    }
    
    .winesto-products-grid.list-view .product.product-list .product-block {
        flex-direction: column;
        text-align: center;
        gap: 20px;
        padding: 25px 15px;
        align-items: center;
    }
    
    .winesto-products-grid.list-view .product.product-list .product-transition {
        width: 100%;
        max-width: 200px;
        margin: 0 auto;
    }
/* Responsive tasarım için list view */
@media (max-width: 991px) {
    .winesto-products-grid.list-view .product.product-list .product-block {
        gap: 20px;
        padding: 25px 15px;
    }
    
    .winesto-products-grid.list-view .product.product-list .product-transition {
        width: 160px;
    }
    
    .winesto-products-grid.list-view .product.product-list .product-image {
        width: 160px;
        height: 130px;
    }
    
    .winesto-products-grid.list-view .product.product-list .product-caption h3 {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .recipes-header {
        flex-direction: column;
        gap: 15px;
        padding: 15px;
    }
    
    .results-info {
        flex-direction: row;
        gap: 0px;
        align-items: center;
    }
    
    .view-toggle {
        align-self: flex-end;
    }
    
    .winesto-products-grid.list-view .product.product-list .product-block {
        flex-direction: column;
        text-align: center;
        gap: 20px;
        padding: 25px 15px;
        align-items: center;
    }
    
    .winesto-products-grid.list-view .product.product-list .product-transition {
        width: 100%;
        max-width: 250px;
        margin: 0 auto;
    }
    
    .winesto-products-grid.list-view .product.product-list .product-image {
        width: 100%;
        height: 200px;
        margin: 0 auto;
    }
    
    .winesto-products-grid.list-view .product.product-list .product-caption {
        text-align: center;
        padding-left: 0;
        width: 100%;
    }
    
    .winesto-products-grid.list-view .product.product-list .product-caption h3 {
        text-align: center !important;
        font-size: 18px;
    }
    
    .winesto-products-grid.list-view .product.product-list .product-caption p {
        text-align: center !important;
    }
    
    .winesto-products-grid.list-view .product.product-list .product-caption .list-view-button {
        text-align: center;
        margin-top: 15px;
    }
}

@media (max-width: 576px) {
    .winesto-products-grid.list-view .product.product-list .product-block {
        padding: 20px 15px;
    }
    
    .winesto-products-grid.list-view .product.product-list .product-transition {
        max-width: 200px;
    }
    
    .winesto-products-grid.list-view .product.product-list .product-image {
        height: 180px;
    }
    
    .winesto-products-grid.list-view .product.product-list .product-caption h3 {
        font-size: 16px;
        margin-bottom: 8px;
    }
    
    .winesto-products-grid.list-view .product.product-list .product-caption p {
        font-size: 13px;
        margin-bottom: 15px;
    }
    
    .winesto-products-grid.list-view .product.product-list .product-caption .btn-incele {
        padding: 8px 16px;
        font-size: 13px;
    }
}
}

.sorting-options .form-select {
    border: 1px solid #ddd;
    border-radius: 10px !important;
    padding: 8px 15px;
    min-width: 200px;
    font-size: 14px;
}

.sorting-options .form-select:focus {
    border-color: var(--e-global-color-primary-2);
    outline: none;
}

/* Recipe Grid */
.recipes-grid {
    margin-bottom: 40px;
}

.recipe-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #e0e0e0;
    transition: transform 0.3s ease, border-color 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.recipe-card:hover {
    transform: translateY(-5px);
    border-color: var(--e-global-color-primary-2);
}

.recipe-image {
    position: relative;
    /* height: 200px; */
    overflow: hidden;
}

/* Recipe Image Loading Overlay */
.recipe-image-loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.95);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.recipe-image-loading.active {
    opacity: 1;
    visibility: visible;
}

.recipe-image-loading .loading-spinner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.recipe-image-loading .loading-spinner i {
    font-size: 32px;
    color: #9b1f2e;
    animation: smoothSpin 2s linear infinite;
}

.recipe-image-loading .loading-spinner span {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    text-align: center;
}

.recipe-images {
    position: relative;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.recipe-images.loaded {
    opacity: 1;
}

.recipe-images.loading {
    opacity: 0.3;
}

.recipe-images img,
.recipe-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 0.3s ease;
}

.recipe-images .hover-img,
.recipe-image .hover-img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.recipe-card:hover .recipe-images .main-img,
.recipe-card:hover .recipe-image .main-img {
    opacity: 0;
}

.recipe-card:hover .recipe-images .hover-img,
.recipe-card:hover .recipe-image .hover-img {
    opacity: 1;
}

.recipe-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 99;
}

.recipe-card:hover .recipe-overlay {
    opacity: 1;
}

.btn-view-recipe {
    background: var(--e-global-color-primary-2);
    color: white;
    padding: 10px 20px;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    transition: background 0.3s ease;
}

.btn-view-recipe:hover {
    background: var(--e-global-color-primary-2);
    color: white;
    text-decoration: none;
}

.recipe-content {
    padding: 20px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.recipe-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 1.3;
}

.recipe-title a {
    color: #333;
    text-decoration: none;
    transition: color 0.3s ease;
}

.recipe-title a:hover {
    color: var(--e-global-color-primary-2);
    text-decoration: none;
}

.recipe-excerpt {
    color: #666;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 15px;
    flex-grow: 1;
}

.recipe-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 15px;
    border-top: 1px solid #f0f0f0;
    font-size: 12px;
    color: #666;
}

.recipe-meta span {
    display: flex;
    align-items: center;
    gap: 5px;
}

.recipe-meta i {
    color: var(--e-global-color-primary-2);
}

/* No Results */
.no-results {
    text-align: center;
    padding: 60px 20px;
    color: #666;
}

.no-results i {
    font-size: 48px;
    color: #ddd;
    margin-bottom: 20px;
}

.no-results h4 {
    font-size: 20px;
    margin-bottom: 10px;
    color: #333;
}

/* Pagination */
.pagination-wrapper {
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px solid #e0e0e0;
}

.pagination .page-link {
    color: #333;
    border: 1px solid #ddd;
    padding: 10px 15px;
    margin: 0 2px;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.pagination .page-link:hover {
    background: var(--e-global-color-primary-2);
    color: white;
    border-color: var(--e-global-color-primary-2);
}

.pagination .page-item.active .page-link {
    background: var(--e-global-color-primary-2);
    border-color: var(--e-global-color-primary-2);
    color: white;
}

/* Responsive Design */
@media (max-width: 1199px) {    
    .filter-items-grid {
        grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
        gap: 6px;
    }
    
    .filter-image {
        width: 35px;
        height: 35px;
        margin-bottom: 4px;
    }
    
    .filter-name {
        font-size: 10px;
    }
}

@media (max-width: 991px) {
    .recipes-content {
        padding-left: 0;
        margin-top: 10px;
    }
    
    .recipes-header {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }
    
    .sorting-options .form-select {
        min-width: 100%;
    }
    
    .filter-items-grid {
        grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
        gap: 5px;
        max-height: 200px;
    }
    
    .filter-items-container {
        max-height: 180px;
    }
    
    .filter-image {
        width: 30px;
        height: 30px;
        margin-bottom: 3px;
    }
    
    .filter-name {
        font-size: 9px;
    }
}

@media (max-width: 767px) {
    .filter-sidebar {
        margin-bottom: 20px;
        padding: 15px;
    }
    
    .recipe-image {
        height: 180px;
    }
    
    .recipe-image-loading .loading-spinner i {
        font-size: 24px;
    }
    
    .recipe-image-loading .loading-spinner span {
        font-size: 12px;
    }
    
    .recipe-content {
        padding: 15px;
    }
    
    .recipe-title {
        font-size: 16px;
    }
    
    .filter-items-grid {
        grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
        gap: 4px;
        max-height: 150px;
    }
    
    .filter-items-container {
        max-height: 120px;
    }
    
    .filter-image {
        width: 25px;
        height: 25px;
        margin-bottom: 2px;
    }
    
    .filter-name {
        font-size: 8px;
    }
    
    .filter-link-horizontal {
        padding: 6px 8px;
        font-size: 12px;
    }
}

/* Scrollbar Styling */
.filter-items-grid::-webkit-scrollbar,
.filter-items-container::-webkit-scrollbar {
    width: 6px;
}

.filter-items-grid::-webkit-scrollbar-track,
.filter-items-container::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.filter-items-grid::-webkit-scrollbar-thumb,
.filter-items-container::-webkit-scrollbar-thumb {
    background: var(--e-global-color-primary-2);
    border-radius: 3px;
}

.filter-items-grid::-webkit-scrollbar-thumb:hover,
.filter-items-container::-webkit-scrollbar-thumb:hover {
    background: var(--e-global-color-primary-2);
}

/* Kategori Sidebar Özel Tasarımları */
.filter-sidebar .sub-category-list {
    margin-top: 12px;
    padding-left: 25px;
    border-left: 3px solid #e7f3ff;
    background: linear-gradient(90deg, rgba(231, 243, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 0 8px 8px 0;
    padding-top: 8px;
    padding-bottom: 8px;
}

.filter-sidebar .sub-filter-item {
    margin-bottom: 6px;
    position: relative;
}

.filter-sidebar .sub-filter-item:before {
    content: "";
    position: absolute;
    left: -18px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 2px;
    background: #dee2e6;
    border-radius: 1px;
}

.filter-sidebar .sub-filter-link {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    color: #666;
    text-decoration: none;
    border-radius: 6px;
    transition: all 0.3s ease;
    font-size: 13px;
    border: 1px solid transparent;
    background: rgba(255, 255, 255, 0.8);
    position: relative;
    backdrop-filter: blur(5px);
}

.filter-sidebar .sub-filter-link:before {
    content: "";
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    background: #dee2e6;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.filter-sidebar .sub-filter-link:hover {
    background: rgba(255, 255, 255, 1);
    color: #9b1f2e;
    text-decoration: none;
    border-color: #b3d7ff;
    transform: translateX(3px);
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.15);
}

.filter-sidebar .sub-filter-link:hover:before {
    background: #9b1f2e;
    width: 6px;
    height: 6px;
}

.filter-sidebar .sub-filter-link.selected {
    background: linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%);
    color: #856404;
    border-color: #ffc107;
    font-weight: 600;
    box-shadow: 0 3px 12px rgba(255, 193, 7, 0.3);
    transform: translateX(5px);
}

.filter-sidebar .sub-filter-link.selected:before {
    background: #856404;
    width: 8px;
    height: 8px;
    box-shadow: 0 0 0 2px rgba(133, 100, 4, 0.3);
}

.filter-sidebar .sub-filter-name {
    font-size: 13px;
    margin-left: 12px;
    font-weight: inherit;
}

/* Alt kategori hover animasyonları */
.filter-sidebar .filter-item-horizontal:hover .sub-category-list {
    border-left-color: #9b1f2e;
    background: linear-gradient(90deg, rgba(0, 123, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
}

/* Modern gradient efektleri */
.filter-sidebar .filter-link-horizontal.selected + .sub-category-list {
    border-left-color: #ffc107;
    background: linear-gradient(90deg, rgba(255, 193, 7, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
}

/* Responsive tasarım */
@media (max-width: 768px) {
    .filter-sidebar .sub-category-list {
        padding-left: 20px;
        margin-top: 8px;
    }
    
    .filter-sidebar .sub-filter-link {
        padding: 8px 12px;
        font-size: 12px;
    }
    
    .filter-sidebar .sub-filter-name {
        margin-left: 8px;
        font-size: 12px;
    }
    
    .filter-sidebar .sub-filter-link:hover,
    .filter-sidebar .sub-filter-link.selected {
        transform: none;
    }
}

.mobile-navigation ul button::after, .mobile-navigation-categories ul button::after{content: '' !important;}

/* Markalarımız Mega Menu Bootstrap Tasarımı */
.mega-menu-brands {
    width: 100%;
    max-width: 100% !important;
    background: #fff;
    padding: 30px;
    margin: 0 auto;
}

.mega-menu-brands .container-fluid {
    padding: 0;
    max-width: 1200px;
    margin: 0 auto;
}

.mega-menu-brands .row {
    margin: 0;
    align-items: stretch;
}

.mega-menu-brands .col-4,
.mega-menu-brands .col-5,
.mega-menu-brands .col-3 {
    padding: 15px;
}

/* Sol Kategori Listesi (4/12) - İkiye Bölünmüş */
.brands-category-left {
    display: flex;
    flex-wrap: wrap;
    padding-top: 0px !important;
    padding-left: 0px !important;
}

.brands-category-left-col {
    flex: 1;
    min-width: 50%;
    /* padding-right: 15px; */
}

.brands-category-left-col:last-child {
    padding-right: 0;
    padding-left: 15px;
}

.brands-category-left h4 {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #b41636;
}

.brands-category-list {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

.brands-category-list li {
    margin-bottom: 0px;
}

.brands-category-list li a {
    display: block;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    padding: 6px 12px;
    transition: all 0.3s ease;
    font-weight: 600;
    position: relative;
}

.brands-category-list li a:hover {
    color: var(--e-global-color-primary-2);
    text-decoration: none;
}

/* Alt Kategori Listesi */
.brands-subcategory-list {
    list-style: none;
    padding: 0;
    margin: 5px 0 0px 0;
}

.brands-subcategory-list li {
    margin-bottom: 5px;
}

.brands-subcategory-list li a {
    display: block;
    color: #646057;
    text-decoration: none;
    padding: 3px 15px;
    /* padding-left: 12px !important; */
    padding-left: 0px !important;
    border-radius: 3px;
    transition: all 0.3s ease;
    font-weight: normal;
}

.brands-subcategory-list li a:hover {
    color: var(--e-global-color-primary-2);
    text-decoration: none;
}

/* Orta Görsel Alanı (5/12) */
.brands-center-image {
    text-align: center;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 500px;
    max-height: 290px;
    padding: 0 !important;
    margin-top: 0px;
}

.brands-center-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    border-radius: 10px !important;
    position: relative;
}

/* .brands-center-image img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    pointer-events: none;
} */

.brands-image-overlay {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    border-radius: 6px;
    pointer-events: none;
}

/* Sağ Öne Çıkan Ürünler (3/12) */
.brands-featured-products {
    padding-left: 40px !important;
    padding-right: 0px !important;
    padding-top: 5px !important;
}

.brands-featured-products h4 {
    font-family: "Satoshi",Sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
    padding-bottom: 10px;
    /* border-bottom: 2px solid var(--e-global-color-primary-2); */
    text-transform: uppercase;
}

.brands-product-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.brands-product-item {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #f5f5f5;
}

.brands-product-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.brands-product-link {
    display: flex;
    align-items: center;
    text-decoration: none;
    transition: all 0.3s ease;
}

.brands-product-link:hover {
    text-decoration: none;
}

.brands-product-image {
    width: 50px;
    height: 50px;
    border-radius: 6px;
    overflow: hidden;
    margin-right: 12px;
    flex-shrink: 0;
}

.brands-product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.brands-product-info {
    flex: 1;
}

.brands-product-title {
    font-size: 13px;
    font-weight: 500;
    color: #333;
    margin: 0;
    line-height: 1.3;
}

.brands-product-link:hover .brands-product-title {
    color: #b41636;
}

.modal-header-3d{
    display: block;
    border: none;
}
.modal-header-3d .close{
    position: absolute;
    right: 0;
    top: 0;
    padding: 5px 20px;
}
.modal-header-3d .close span{
    font-size: 20pt;
}

/* Responsive Tasarım */
@media (max-width: 991px) {
    .mega-menu-brands {
        padding: 20px;
    }
    
    .mega-menu-brands .col-4,
    .mega-menu-brands .col-5,
    .mega-menu-brands .col-3 {
        padding: 10px;
    }
    
    .brands-category-left {
        display: block;
        border: none;
        border-bottom: 1px solid #f0f0f0;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    
    .brands-category-left-col {
        padding: 0;
        margin-bottom: 20px;
    }
    
    .brands-featured-products {
        border: none;
        border-bottom: 1px solid #f0f0f0;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    
    .brands-center-image img {
        height: 120px;
        max-width: 250px;
    }
    
    .brands-image-overlay {
        width: 250px;
        height: 120px;
    }
}

@media (max-width: 767px) {
    .mega-menu-brands {
        padding: 15px;
    }
    
    .brands-center-image img {
        height: 100px;
        max-width: 200px;
    }
    
    .brands-image-overlay {
        width: 200px;
        height: 100px;
    }
    
    .brands-category-list li a {
        font-size: 13px;
        padding: 5px 10px;
    }
    
    .brands-subcategory-list li a {
        font-size: 11px;
        padding: 2px 12px;
    }
    
    .brands-category-left h4,
    .brands-featured-products h4 {
        font-size: 15px;
        margin-bottom: 15px;
    }
    
    .brands-product-image {
        width: 40px;
        height: 40px;
        margin-right: 10px;
    }
    
    .brands-product-title {
        font-size: 12px;
    }
}

/* Modal z-index ve pozisyon düzeltmeleri */
#recipeDetailModal {
    z-index: 9999 !important;
}

.modal.fade .modal-dialog {
    transform: translate(0, -50px) !important;
    transition: transform 0.3s ease-out !important;
}

.modal.show .modal-dialog {
    transform: translate(0, 0) !important;
}

.modal-dialog {
    margin: 1.75rem auto !important;
    max-width: 800px !important;
    position: relative !important;
    z-index: 9999 !important;
}

/* Modal content styling */
.modal-content {
    border-radius: 15px !important;
    border: none !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
    overflow: hidden !important;
}

.modal-header {
    color: white !important;
    border-bottom: none !important;
    padding: 20px 30px !important;
}

.modal-header .modal-title {
    font-size: 1.5rem !important;
    font-weight: 600 !important;
}

.modal-header .btn-close:hover {
    opacity: 1 !important;
}

.modal-body {
    padding: 30px !important;
}

.modal-footer {
    border-top: 1px solid #eee !important;
    padding: 15px 30px !important;
}

.recipe-meta-info .badge {
    padding: 10px 15px !important;
    font-size: 14px !important;
    border-radius: 20px !important;
}

.ingredients-list .list-group-item {
    border: none !important;
    padding: 12px 15px !important;
    background: #f8f9fa !important;
    margin-bottom: 8px !important;
    border-radius: 8px !important;
    transition: all 0.2s ease !important;
}

.ingredients-list .list-group-item:hover {
    background: #e9ecef !important;
    transform: translateX(5px) !important;
}

.ingredients-section h6 {
    color: #495057 !important;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
    font-size: 1.1rem !important;
}

/* ========== YENİ MODAL TASARIMI - Modern & Minimal ========== */

.recipe-modal-content {
    border: none !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%) !important;
}

/* Modal Header */
.recipe-modal-header {
    background: linear-gradient(135deg, #9b1f2e 0%, #c50711 100%) !important;
    border: none !important;
    padding: 25px 30px 25px !important;
    color: white !important;
    position: relative !important;
}

.recipe-modal-title {
    font-weight: 600 !important;
    font-size: 1.4rem !important;
    margin: 0 !important;
    color: white !important;
    line-height: 1.3 !important;
}

.recipe-modal-close {
    background: none !important;
    border: 2px solid #fff !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: white !important;
    font-size: 16px !important;
    transition: all 0.3s ease !important;
    opacity: 1 !important;
}

.recipe-modal-close:hover {
    transform: rotate(90deg) !important;
}

/* Tarif Açıklaması */
.recipe-description {
    background: #f8f9fa !important;
    margin: 0 !important;
    padding: 20px 30px !important;
    border-bottom: 1px solid #eee !important;
}

.recipe-description p {
    margin: 0 !important;
    color: #495057 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    font-style: italic !important;
}

/* Modal Body */
.recipe-modal-body {
    padding: 0 !important;
    background: white !important;
}

/* Tab Navigation */
.recipe-tabs {
    border-bottom: 1px solid #eee !important;
    margin: 0 !important;
    background: white !important;
    padding: 0 30px !important;
}

.recipe-tabs .nav-item {
    flex: 1 !important;
}

.recipe-tab-link {
    border: none !important;
    background: transparent !important;
    color: #6c757d !important;
    font-weight: 500 !important;
    padding: 18px 20px !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    text-align: center !important;
    border-radius: 0 !important;
    width: 100% !important;
}

.recipe-tab-link i {
    font-size: 18px !important;
    margin-bottom: 6px !important;
    transition: all 0.3s ease !important;
}

.recipe-tab-link span {
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.recipe-tab-link:hover {
    color: #9b1f2e !important;
    background: #f8f9fa !important;
}

.recipe-tab-link.active {
    color: #9b1f2e !important;
    background: white !important;
    position: relative !important;
}

.recipe-tab-link.active::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 3px !important;
    background: linear-gradient(90deg, #9b1f2e 0%, #c50711 100%) !important;
}

/* Tab Content */
.recipe-tab-content {
    background: white !important;
    min-height: 300px !important;
}

.recipe-tab-inner {
    padding: 25px 30px !important;
}

.loading-text {
    text-align: center !important;
    color: #6c757d !important;
    font-style: italic !important;
    padding: 40px 0 !important;
}

/* Malzemeler Container */
.ingredients-container .row {
    margin: 0 -8px !important;
}

.ingredients-container .col-md-6 {
    padding: 0 8px !important;
}

.ingredient-item {
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;
    border: 1px solid #e9ecef !important;
    border-radius: 10px !important;
    padding: 15px !important;
    margin-bottom: 12px !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    overflow: hidden !important;
}

.ingredient-item::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 4px !important;
    height: 100% !important;
    background: linear-gradient(135deg, #9b1f2e 0%, #c50711 100%) !important;
}

.ingredient-item:hover {
    transform: translateY(-2px) !important;
    border-color: #9b1f2e !important;
}

.ingredient-name {
    font-weight: 500 !important;
    color: #495057 !important;
    font-size: 14px !important;
}

.ingredient-amount {
    background: linear-gradient(135deg, #9b1f2e 0%, #c50711 100%) !important;
    color: white !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    border-radius: 15px !important;
    padding: 4px 12px !important;
    border: none !important;
}

/* Hazırlanış Container */
.method-container .method-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    counter-reset: step-counter !important;
}

.method-step {
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;
    border: 1px solid #e9ecef !important;
    border-radius: 12px !important;
    padding: 20px !important;
    margin-bottom: 15px !important;
    position: relative !important;
    counter-increment: step-counter !important;
    transition: all 0.3s ease !important;
    overflow: hidden !important;
}

.method-step::before {
    content: counter(step-counter) !important;
    position: absolute !important;
    top: 15px !important;
    left: 20px !important;
    background: linear-gradient(135deg, #9b1f2e 0%, #c50711 100%) !important;
    color: white !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 600 !important;
    font-size: 13px !important;
}

.method-step:hover {
    transform: translateY(-2px) !important;
    border-color: #9b1f2e !important;
}

.method-step strong {
    display: none !important;
}

.method-step {
    padding-left: 60px !important;
    line-height: 1.6 !important;
    color: #495057 !important;
    font-size: 14px !important;
}

/* Servis Container */
.serving-container .serving-details {
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;
    border: 1px solid #e9ecef !important;
    border-radius: 12px !important;
    padding: 25px !important;
}

.serving-details p {
    margin-bottom: 15px !important;
    display: flex !important;
    align-items: center !important;
    color: #495057 !important;
    font-size: 14px !important;
}

.serving-details p:last-child {
    margin-bottom: 0 !important;
}

.serving-details i {
    color: #9b1f2e !important;
    width: 20px !important;
    text-align: center !important;
}

.serving-details strong {
    color: #343a40 !important;
    margin-left: 8px !important;
    margin-right: 8px !important;
}

/* Modal Footer */
.recipe-modal-footer {
    background: #f8f9fa !important;
    border: none !important;
    padding: 20px 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.recipe-meta-badges {
    display: flex !important;
    gap: 15px !important;
    align-items: center !important;
}

.recipe-difficulty-badge,
.recipe-time-badge {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: white !important;
    padding: 8px 16px !important;
    border-radius: 20px !important;
    border: 1px solid #e9ecef !important;
    color: #495057 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}

.recipe-difficulty-badge i {
    color: #9b1f2e !important;
}

.recipe-time-badge i {
    color: #28a745 !important;
}

.recipe-close-btn {
    background: #6c757d !important;
    color: white !important;
    border: none !important;
    padding: 8px 20px !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.recipe-close-btn:hover {
    background: #5a6268 !important;
    transform: translateY(-1px) !important;
}

/* Modal Animasyonları */
.modal.fade {
    transition: opacity 0.3s linear !important;
}

.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out !important;
    transform: translate(0, -50px) !important;
}

.modal.show .modal-dialog {
    transform: none !important;
}

/* Responsive Tasarım */
@media (max-width: 768px) {
    .modal-lg {
        max-width: 95% !important;
        margin: 10px auto !important;
    }
    
    .recipe-modal-header,
    .recipe-tab-inner,
    .recipe-modal-footer {
        padding: 15px 20px !important;
    }
    
    .recipe-description {
        padding: 15px 20px !important;
    }
    
    .recipe-tabs {
        padding: 0 20px !important;
    }
    
    .recipe-tab-link {
        padding: 15px 10px !important;
    }
    
    .recipe-tab-link i {
        font-size: 16px !important;
        margin-bottom: 4px !important;
    }
    
    .recipe-tab-link span {
        font-size: 11px !important;
    }
    
    .recipe-modal-footer {
        flex-direction: column !important;
        gap: 15px !important;
    }
    
    .recipe-meta-badges {
        order: 2 !important;
    }
    
    .recipe-close-btn {
        order: 1 !important;
        width: 100% !important;
        justify-content: center !important;
    }
}

@media (max-width: 576px) {
    .modal-lg {
        max-width: 100% !important;
        margin: 0 !important;
        height: 100vh !important;
    }
    
    .recipe-modal-content {
        height: 100vh !important;
        border-radius: 0 !important;
        display: flex !important;
        flex-direction: column !important;
    }
    
    .recipe-modal-body {
        flex: 1 !important;
        overflow-y: auto !important;
    }
    
    .recipe-modal-title {
        font-size: 1.2rem !important;
    }
    
    .ingredient-item {
        margin-bottom: 8px !important;
        padding: 12px !important;
    }
    
    .method-step {
        padding: 15px !important;
        padding-left: 50px !important;
        margin-bottom: 12px !important;
    }
    
    .method-step::before {
        width: 24px !important;
        height: 24px !important;
        font-size: 12px !important;
        top: 12px !important;
        left: 15px !important;
    }
}

/* ========== RECIPES LOADING STYLES ========== */

.recipes-loading {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 400px !important;
    padding: 60px 20px !important;
    background: linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%) !important;
    border-radius: 16px !important;
    border: 1px solid #e9ecef !important;
    margin: 0 !important;
}

.loading-content {
    text-align: center !important;
    max-width: 400px !important;
}

.loading-spinner {
    margin-bottom: 25px !important;
}

.loading-spinner i {
    font-size: 48px !important;
    color: #9b1f2e !important;
    animation: smoothSpin 2s linear infinite !important;
}

.loading-title {
    font-size: 1.8rem !important;
    font-weight: 600 !important;
    color: #343a40 !important;
    margin-bottom: 12px !important;
    margin-top: 0 !important;
}

.loading-subtitle {
    font-size: 1rem !important;
    color: #6c757d !important;
    margin: 0 !important;
    line-height: 1.5 !important;
    font-style: italic !important;
}

/* Loading Animation */
@keyframes smoothSpin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Responsive Loading */
@media (max-width: 768px) {
    .recipes-loading {
        min-height: 300px !important;
        padding: 40px 15px !important;
        margin: 15px 0 !important;
    }
    
    .loading-spinner i {
        font-size: 36px !important;
    }
    
    .loading-title {
        font-size: 1.5rem !important;
        margin-bottom: 10px !important;
    }
    
    .loading-subtitle {
        font-size: 0.9rem !important;
    }
}

@media (max-width: 576px) {
    .recipes-loading {
        min-height: 250px !important;
        padding: 30px 10px !important;
        border-radius: 12px !important;
    }
    
    .loading-spinner i {
        font-size: 32px !important;
    }
    
    .loading-title {
        font-size: 1.3rem !important;
    }
    
    .loading-subtitle {
        font-size: 0.85rem !important;
    }
}

/* ========== FILTER HISTORY BUTTON STYLES ========== */
.btn-filter-history {
    background: linear-gradient(135deg, #6c757d 0%, #5a6268 100%) !important;
    color: white !important;
    border: none !important;
    padding: 12px 20px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-top: 10px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

.btn-filter-history:hover {
    background: linear-gradient(135deg, #5a6268 0%, #495057 100%) !important;
    transform: translateY(-2px) !important;
}

.btn-filter-history i {
    font-size: 16px !important;
}

/* ========== FILTER HISTORY MODAL STYLES ========== */
#filterHistoryModal {
    z-index: 9999 !important;
}

#filterHistoryModal .modal-backdrop {
    background-color: rgba(0, 0, 0, 0.4) !important;
    z-index: 9998 !important;
}

.filter-history-modal-content {
    border: none !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%) !important;
}

/* Modal Header */
.filter-history-modal-header {
    background: linear-gradient(135deg, #6c757d 0%, #5a6268 100%) !important;
    border: none !important;
    padding: 25px 30px 25px !important;
    color: white !important;
}

.filter-history-modal-title {
    font-weight: 600 !important;
    font-size: 1.4rem !important;
    margin: 0 !important;
    color: white !important;
    line-height: 1.3 !important;
}

.filter-history-modal-close {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 2px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 50% !important;
    width: 20px !important;
    height: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: white !important;
    font-size: 16px !important;
    transition: all 0.3s ease !important;
    opacity: 1 !important;
}

.filter-history-modal-close:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
    transform: rotate(90deg) !important;
}

/* Modal Body */
.filter-history-modal-body {
    padding: 30px !important;
    background: white !important;
    min-height: 400px !important;
}

/* History Loading */
.history-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    padding: 60px 20px;
}

.history-loading .loading-content {
    text-align: center !important;
}

.history-loading .loading-spinner i {
    font-size: 48px !important;
    color: #6c757d !important;
    animation: spin 2s linear infinite !important;
}

.history-loading .loading-title {
    font-size: 1.4rem !important;
    font-weight: 600 !important;
    color: #343a40 !important;
    margin: 20px 0 10px !important;
}

.history-loading .loading-subtitle {
    font-size: 1rem !important;
    color: #6c757d !important;
    margin: 0 !important;
    font-style: italic !important;
}

/* History Table */
.filter-history-table {
    margin: 0 !important;
    background: white !important;
}

.filter-history-table .table-header {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
}

.filter-history-table .table-header th {
    border: none !important;
    font-weight: 600 !important;
    color: #495057 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 15px 12px !important;
}

.filter-history-table .history-row {
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

.filter-history-table .history-row:hover {
    background: linear-gradient(135deg, #f8f9fa 0%, #f1f3f4 100%) !important;
    transform: translateY(-1px) !important;
}

.filter-history-table .history-row td {
    border: none !important;
    border-bottom: 1px solid #e9ecef !important;
    padding: 15px 12px !important;
    vertical-align: middle !important;
}

.filter-history-table .row-number {
    font-weight: 600 !important;
    color: #6c757d !important;
    background: #f8f9fa !important;
    border: none !important;
    border-bottom: 1px solid #e9ecef !important;
    font-size: 14px !important;
}

.filter-history-table .date-time .date {
    font-weight: 500 !important;
    color: #495057 !important;
    font-size: 14px !important;
}

.filter-history-table .date-time .time {
    font-size: 12px !important;
    color: #6c757d !important;
}

.filter-history-table .products-list,
.filter-history-table .filters-list {
    font-size: 13px !important;
    color: #495057 !important;
    line-height: 1.4 !important;
}

.filter-history-table .btn-view-history {
    background: linear-gradient(135deg, #9b1f2e 0%, #c50711 100%) !important;
    color: white !important;
    border: none !important;
    border-radius: 20px !important;
    padding: 6px 12px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
}

.filter-history-table .btn-view-history:hover {
    background: linear-gradient(135deg, #c50711 0%, #a00509 100%) !important;
    transform: translateY(-1px) !important;
}

/* History Empty State */
.history-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    padding: 60px 20px;
}

.history-empty .empty-content {
    text-align: center !important;
}

.history-empty .empty-icon i {
    font-size: 64px !important;
    color: #dee2e6 !important;
    margin-bottom: 20px !important;
}

.history-empty .empty-title {
    font-size: 1.4rem !important;
    font-weight: 600 !important;
    color: #6c757d !important;
    margin-bottom: 10px !important;
}

.history-empty .empty-subtitle {
    font-size: 1rem !important;
    color: #adb5bd !important;
    margin: 0 !important;
    line-height: 1.5 !important;
}

/* Modal Footer */
.filter-history-modal-footer {
    background: #f8f9fa !important;
    border: none !important;
    padding: 20px 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.filter-history-close-btn {
    background: #6c757d !important;
    color: white !important;
    border: none !important;
    padding: 8px 20px !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.filter-history-close-btn:hover {
    background: #5a6268 !important;
    transform: translateY(-1px) !important;
}

.filter-history-clear-btn {
    background: #dc3545 !important;
    color: white !important;
    border: none !important;
    padding: 8px 20px !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.filter-history-clear-btn:hover {
    background: #c82333 !important;
    transform: translateY(-1px) !important;
}

/* Responsive */
@media (max-width: 768px) {
    .modal-xl {
        max-width: 95% !important;
        margin: 10px auto !important;
    }
    
    .filter-history-modal-header,
    .filter-history-modal-body,
    .filter-history-modal-footer {
        padding: 15px 20px !important;
    }
    
    .filter-history-table .history-row td,
    .filter-history-table .table-header th {
        padding: 10px 8px !important;
        font-size: 12px !important;
    }
    
    .filter-history-modal-footer {
        flex-direction: column !important;
        gap: 10px !important;
    }
    
    .filter-history-close-btn,
    .filter-history-clear-btn {
        width: 100% !important;
        justify-content: center !important;
    }
}

@media (max-width: 576px) {
    .modal-xl {
        max-width: 100% !important;
        margin: 0 !important;
        height: 100vh !important;
    }
    
    .filter-history-modal-content {
        height: 100vh !important;
        border-radius: 0 !important;
        display: flex !important;
        flex-direction: column !important;
    }
    
    .filter-history-modal-body {
        flex: 1 !important;
        overflow-y: auto !important;
    }
}

.oz-fo-mumkun-title{
    font-size: 42px !important;
    line-height: 54px !important;
    margin-bottom: 40px !important;
}
.oz-ilkler-title{font-size: 2rem !important;}

/* OZ History Section - Swiper Carousel */
.oz-histroy-section, .oz-patent-section {
    padding: 90px 0 90px;
    position: relative;
}

.oz-history-swiper {
    position: relative;
    overflow: hidden;
    width: 100%;
    /* max-width: 1200px; */
    margin: 0 auto;
    padding: 0 70px;
}

.oz-history-swiper .swiper-wrapper {
    display: flex;
    align-items: stretch;
    height: 60% !important;
}

.oz-history-swiper .swiper-slide {
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.6;
    transition: all 0.5s ease;
}

.oz-history-swiper .swiper-slide-active {
    opacity: 1;
    transform: scale(1.02);
}

.oz-history-item {
    background: #fff;
    border-radius: 15px;
    padding: 30px;
    text-align: center;
    max-width: 400px;
    width: 100%;
    border: 1px solid #e5e5e5;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.oz-history-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #9b1f2e, #d63746);
    transition: left 0.5s ease;
}

.swiper-slide-active .oz-history-item::before {
    left: 0;
}

.oz-history-item .history-image {
    width: 100%;
    height: 200px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
}

.oz-history-item .history-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.oz-history-item:hover .history-image img {
    transform: scale(1.05);
}

.oz-history-item .history-title {
    color: #9b1f2e;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
    font-family: var(--e-global-typography-primary-font-family);
}

.oz-history-item .history-description {
    color: #646057;
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
}

/* Navigation Arrows */
.oz-history-prev,
.oz-history-next {
    position: absolute;
    top: 50% !important;
    transform: translateY(-50%);
    width: 45px !important;
    height: 45px !important;
    background: rgba(155, 31, 46, 0.9);
    border: none;
    border-radius: 50%;
    color: #fff !important;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(155, 31, 46, 0.3);
    backdrop-filter: blur(10px);
    padding: 5px;
}

.oz-history-prev:after,
.oz-history-next:after {
    content: none !important;
}

.oz-history-prev{left: 30px !important;}
.oz-history-next{right: 30px !important;}

.oz-history-prev:hover,
.oz-history-next:hover {
    background: rgba(155, 31, 46, 1);
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 6px 20px rgba(155, 31, 46, 0.4);
}

.oz-history-prev:active,
.oz-history-next:active {
    transform: translateY(-50%) scale(0.95);
}

.oz-history-prev {
    left: 10px;
}

.oz-history-next {
    right: 10px;
}

.oz-history-prev.swiper-button-disabled,
.oz-history-next.swiper-button-disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.oz-history-prev.swiper-button-disabled:hover,
.oz-history-next.swiper-button-disabled:hover {
    background: #9b1f2e;
    transform: translateY(-50%);
}

/* Pagination Dots */
.oz-history-pagination {
    text-align: center;
    position: relative;
    bottom: 20px !important;
}

.oz-history-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #ccc;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
    transition: all 0.3s ease;
    opacity: 1;
}

.oz-history-pagination .swiper-pagination-bullet-active {
    background: #9b1f2e;
    transform: scale(1.2);
}

/* Auto-playing indicator */
.oz-history-swiper.swiper-autoplay {
    cursor: grab;
}

.oz-history-swiper.swiper-autoplay:active {
    cursor: grabbing;
}

/* Responsive */
@media (max-width: 1024px) {
    .oz-history-swiper {
        padding: 0 60px;
    }
    
    .oz-history-item {
        max-width: 350px;
        padding: 25px;
    }
    
    .oz-history-item .history-image {
        height: 180px;
    }
    
    .oz-history-item .history-title {
        font-size: 22px;
    }
    
    .oz-history-prev,
    .oz-history-next {
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    
    .oz-history-prev {
        left: 15px;
    }
    
    .oz-history-next {
        right: 15px;
    }
}

@media (max-width: 768px) {
    .oz-histroy-section {
        padding: 20px 0;
    }
    
    .oz-history-swiper {
        padding: 0 50px;
    }
    
    .oz-history-prev,
    .oz-history-next {
        width: 35px;
        height: 35px;
        font-size: 13px;
    }
    
    .oz-history-prev {
        left: 10px;
    }
    
    .oz-history-next {
        right: 10px;
    }
    
    .oz-history-item {
        max-width: 300px;
        padding: 20px;
    }
    
    .oz-history-item .history-image {
        height: 160px;
    }
    
    .oz-history-item .history-title {
        font-size: 20px;
        margin-bottom: 12px;
    }
    
    .oz-history-item .history-description {
        font-size: 13px;
    }
}

@media (max-width: 576px) {
    .oz-histroy-section {
        padding: 15px 0;
    }
    
    .oz-history-swiper {
        padding: 0 40px;
    }
    
    .oz-history-prev,
    .oz-history-next {
        width: 30px;
        height: 30px;
        font-size: 12px;
    }
    
    .oz-history-prev {
        left: 5px;
    }
    
    .oz-history-next {
        right: 5px;
    }
    
    .oz-history-item {
        max-width: 280px;
        padding: 15px;
    }
    
    .oz-history-item .history-image {
        height: 140px;
        margin-bottom: 15px;
    }
    
    .oz-history-item .history-title {
        font-size: 18px;
        margin-bottom: 10px;
    }
    
    .oz-history-item .history-description {
        font-size: 12px;
    }
    
    .oz-history-pagination {
        margin-top: 15px;
    }
}

.oz-home-video-content{align-content: center !important;}

#recipesContainer{list-style: none !important;}

.ozmer-menu-es.main-navigation ul.menu>li.menu-item>a,
.ozmer-menu-fr.main-navigation ul.menu>li.menu-item>a,
.ozmer-menu-ru.main-navigation ul.menu>li.menu-item>a{
    margin: 0 15px;
}


/* (Opsiyonel) font-face — kendi path’lerinle düzenle
@font-face{
  font-family:'AnticvaRegular';
  src:url('/assets/fonts/AnticvaRegular.woff2') format('woff2');
  font-display:swap;
}
@font-face{
  font-family:'Satoshi';
  src:url('/assets/fonts/Satoshi.woff2') format('woff2');
  font-display:swap;
}
*/

.oz-hero{
  width:100vw !important;
  position:relative;
  left:50%;
  transform:translateX(-50%);
  overflow:hidden;
  margin:0 !important;
  padding:0 !important;
}
.oz-hero * { box-sizing:border-box; }
.oz-hero-swiper { width:100%; height:840px; position:relative; overflow:hidden; }
@media (max-width:1025px){ .oz-hero-swiper{ height:680px; } }
@media (max-width:779px){ .oz-hero-swiper{ height:600px; } }
@media (max-width:480px){ .oz-hero-swiper{ height:600px; } }

.oz-hero-swiper .swiper-wrapper,
.oz-hero-swiper .swiper-slide{
  width:100% !important;
  height:100% !important;
}

.oz-slide { position:relative; width:100%; height:100%; }
/* .oz-media{ position:absolute; inset:0; width:100%; height:100%; overflow:hidden; } */
.oz-bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; border:0; }

.oz-overlay { pointer-events:none; position:absolute; inset:0; background:rgba(0,0,0,.18); }

/* Layer alanı (RevSlider row/column gibi) */
.oz-layer-wrap{
  position:absolute; inset:0;
  display:flex; align-items:center;
  z-index:2;
  pointer-events:none; /* sadece buton pointer alsın diye aşağıda açıyoruz */
}

.oz-layer{
  margin-left:300px;
  margin-right:40px;
  max-width:900px;
  color: var(--ozText, #fff);
  text-transform:uppercase;
  pointer-events:auto;
}

@media (max-width:1025px){
  .oz-layer{ margin-left:30px; margin-right:30px; max-width:720px; }
}
@media (max-width:779px){
  .oz-layer{ margin-left:30px; margin-right:30px; max-width:620px; }
}
@media (max-width:480px){
  .oz-layer{ margin-left:15px; margin-right:15px; text-align:center; }
}

.oz-sub{
  font-size:12px;
  line-height:14px;
  letter-spacing:2px;
  font-weight:500;
  opacity:.95;
  margin-bottom:18px;
}

.oz-title{
  font-size:50px;
  line-height:1.05;
  letter-spacing:-1px;
  margin:0 0 18px 0;
}

.oz-excerpt{
  font-size:80px;
  line-height:1.05;
  letter-spacing:-1px;
  margin:0 0 28px 0;
}

@media (max-width:1025px){
  .oz-title{ font-size:55px; }
  .oz-excerpt{ font-size:60px; }
}
@media (max-width:779px){
  .oz-title{ font-size:41px; }
  .oz-excerpt{ font-size:50px; }
}
@media (max-width:480px){
  .oz-title{ font-size:30px; }
  .oz-excerpt{ font-size:40px; }
}

.oz-btn{
  display:inline-flex; align-items:center; gap:10px;
  padding:22px 40px;
  background:#fff;
  color:#e30813;
  font-family:'Satoshi', sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:2px;
  text-decoration:none;
  border:0;
  cursor:pointer;
  transition: background .2s ease, color .2s ease;
}
@media (max-width:1025px){ .oz-btn{ padding:20px 30px; } }
@media (max-width:779px){ .oz-btn{ padding:15px 23px; } }
@media (max-width:480px){ .oz-btn{ padding:15px 30px; } }

.oz-btn:hover{ background:#e30813; color:#fff; }

/* Sağ alt navigasyon (RevSlider’daki gibi) */
.oz-nav{
  position:absolute;
  right:80px;
  bottom:60px;
  display:flex;
  gap:22px;
  z-index:10;
}
@media (max-width:1025px){ .oz-nav{ right:42px; bottom:32px; } }
@media (max-width:779px){ .oz-nav{ right:31px; bottom:24px; } }
@media (max-width:480px){ .oz-nav{ display:none; } }

.oz-prev,.oz-next{
  width:72px; height:43px;
  background:transparent;
  border:0;
  color:#fff;
  cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  opacity:.95;
  transition: opacity .2s ease, transform .2s ease;
}
.oz-prev:hover,.oz-next:hover{ opacity:1; transform:translateY(-1px); background-color: transparent !important; border-color: transparent !important;}

/* Slider tam genişlik */
.oz-hero, .oz-hero-swiper, .oz-hero-swiper .swiper-wrapper, .oz-hero-swiper .swiper-slide{
  width:100%;
}

.oz-hero-swiper .swiper-slide {
  pointer-events: none;
}
.oz-hero-swiper .swiper-slide.swiper-slide-active {
  pointer-events: auto;
}

/* Video/iframe kesin full cover */
.oz-media { position:absolute; inset:0; width:100%; height:100%; overflow:hidden; }
.oz-bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; border:0; }

/* iframe için de aynı */
.oz-bg iframe, iframe.oz-bg { width:100% !important; height:100% !important; }

/* Eğer parent container genişliği kısıtlıysa (sende görüntüde siyah boşluklar var) 
   bunu slider section’a uygula: */
.oz-hero{
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}

/* Başlangıç: layer elemanları gizli */
.oz-layer > *{
  opacity:0;
  transform:translateY(18px);
  transition:
    opacity .7s ease,
    transform .7s ease;
}

/* Aktif slide’da görünür */
.swiper-slide-active .oz-layer > *{
  opacity:1;
  transform:translateY(0);
}

/* Stagger (katman katman gelsin) */
.swiper-slide-active .oz-layer .oz-sub{ transition-delay:.10s; }
.swiper-slide-active .oz-layer .oz-title{ transition-delay:.20s; }
.swiper-slide-active .oz-layer .oz-excerpt{ transition-delay:.32s; }
.swiper-slide-active .oz-layer .oz-btn{ transition-delay:.45s; }

/* slider alanı */
.oz-media{ position:absolute; inset:0; overflow:hidden; }

/* HTML5 Video - Tam ekran cover */
.oz-html5-video{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:auto;
  height:auto;
  min-width:100%;
  min-height:100%;
  object-fit:cover;
  border:0;
}

/* Alternatif: Aspect ratio bazlı genişletme (daha güvenilir) */
@supports not (object-fit: cover) {
  .oz-html5-video{
    width:177.78vh;   /* 16/9 * 100vh */
    height:100vh;
    min-width:100vw;
    min-height:56.25vw; /* 9/16 * 100vw */
  }
}

/* cover wrapper */
.oz-yt-cover{
  position:absolute;
  inset:0;
  overflow:hidden;
}

/* iframe cover tekniği: Tüm ekranları kapsar - siyah boşluk olmaz */
.oz-yt-cover iframe,
.oz-yt-iframe{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  /* Daha agresif boyutlandırma - kesinlikle tüm alanı kaplar */
  width:max(100vw, 177.78vh);   /* 16/9 * 100vh = 177.78vh */
  height:max(100vh, 56.25vw);   /* 9/16 * 100vw = 56.25vw */
  min-width:100%;
  min-height:100%;
  border:0;
  pointer-events:none;
}

/* Eski tarayıcılar için fallback */
@supports not (width: max(100vw, 177.78vh)) {
  .oz-yt-cover iframe,
  .oz-yt-iframe{
    width:300%;
    height:300%;
  }
}

.oz-sound-toggle{
  position:absolute;
  left:32px;
  bottom:32px;
  z-index:20;
  width:74px;
  height:74px;
  border:0;
  border-radius:14px;
  background:rgba(0,0,0,.45);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  pointer-events:auto !important;
  backdrop-filter: blur(6px);
  z-index:9999 !important;
}

.oz-sound-toggle:hover{ background:rgba(0,0,0,.55); }

/* Varsayılan: ses kapalı (muted) - off ikonu görünür */
.oz-sound-toggle .oz-sound-on{ display:none; }
.oz-sound-toggle .oz-sound-off{ display:inline-flex; }
/* Ses açıldığında: on ikonu görünür */
.oz-sound-toggle.is-unmuted .oz-sound-on{ display:inline-flex; }
.oz-sound-toggle.is-unmuted .oz-sound-off{ display:none; }

.elementor-126 .elementor-element.elementor-element-1609acf .elementor-icon-box-title,
.elementor-129 .elementor-element.elementor-element-4e92692 .elementor-icon-box-title,
.elementor-widget-icon-box .elementor-icon-box-title{
    font-family: var(--e-global-typography-accent-font-family) !important;
}

/* ===== DIGITAL KATALOG SECTION ===== */
.oz-digital-katalog-section {
    padding: 60px 0 0;
}

/* Section Header */
.oz-katalog-header {
    text-align: center;
    margin-bottom: 50px;
}

.oz-katalog-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
}

.oz-katalog-title::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #b41636, #d4213d);
    border-radius: 2px;
}

.oz-katalog-subtitle {
    /* font-size: 1.1rem; */
    color: #666;
    /* max-width: 600px; */
    margin: 25px auto 0;
    /* line-height: 1.7; */
}

/* Tab Navigation */
.oz-katalog-tabs {
    margin-bottom: 40px;
}

.oz-katalog-tab-nav {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    padding: 20px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}

.oz-katalog-tab-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 28px;
    border: 2px solid #eee;
    background: #fff;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 0.95rem;
    font-weight: 500;
    color: #555;
}

.oz-katalog-tab-btn:hover {
    background-color: #fff;;
    border-color: #b41636;
    color: #b41636;
    transform: translateY(-2px);
}

.oz-katalog-tab-btn.active {
    background: linear-gradient(135deg, #b41636, #d4213d);
    border-color: #b41636;
    color: #fff;
}

.oz-katalog-tab-btn .tab-icon {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.oz-katalog-tab-btn .tab-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: grayscale(100%);
    transition: filter 0.3s ease;
}

.oz-katalog-tab-btn:hover .tab-icon img,
.oz-katalog-tab-btn.active .tab-icon img {
    filter: grayscale(0%) brightness(0) invert(1);
}

.oz-katalog-tab-btn:hover .tab-icon img {
    filter: grayscale(0%);
}

/* Tab Content */
.oz-katalog-content {
    position: relative;
}

.oz-katalog-tab-pane {
    display: none;
    animation: fadeInUp 0.4s ease;
}

.oz-katalog-tab-pane.active {
    display: block;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Katalog Grid */
.oz-katalog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    padding: 25px 20px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}

/* Katalog Card */
.oz-katalog-card {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.4s ease;
}

.oz-katalog-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
}

.oz-katalog-card-inner {
    height: 100%;
}

.oz-katalog-card-image {
    position: relative;
    height: 280px;
    overflow: hidden;
    background: #f5f5f5;
}

.oz-katalog-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.oz-katalog-card:hover .oz-katalog-card-image img {
    transform: scale(1.08);
}

.oz-katalog-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #f0f0f0, #e5e5e5);
}

.oz-katalog-placeholder i {
    font-size: 4rem;
    color: #ccc;
}

.oz-katalog-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(180, 22, 54, 0.7);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.oz-katalog-card:hover .oz-katalog-overlay {
    opacity: 1;
}

.oz-katalog-buttons{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.oz-katalog-view-btn,
.oz-katalog-download-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 2px solid #fff;
}

.oz-katalog-view-btn {
    background: #fff;
    color: #b41636;
}

.oz-katalog-view-btn:hover {
    background: #1a1a1a;
    color: #fff;
    transform: scale(1.05);
    border-color: #1a1a1a;
}

.oz-katalog-download-btn {
    background: transparent;
    color: #fff;
    border: 2px solid #fff;
}

.oz-katalog-download-btn:hover {
    background: #fff;
    color: #b41636;
    transform: scale(1.05);
}

/* Card Info */
.oz-katalog-card-info {
    padding: 24px;
    text-align: center;
}

.oz-katalog-card-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 8px;
    line-height: 1.4;
}

.oz-katalog-card-desc {
    font-size: 0.9rem;
    color: #888;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 0px;
}

/* Empty State */
.oz-katalog-empty {
    text-align: center;
    padding: 80px 20px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}

.oz-katalog-empty i {
    font-size: 4rem;
    color: #ddd;
    margin-bottom: 20px;
}

.oz-katalog-empty p {
    font-size: 1.1rem;
    color: #888;
}

/* Responsive Design */
@media (max-width: 1200px) {
    .oz-katalog-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 991px) {
    .oz-katalog-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .oz-katalog-title {
        font-size: 2rem;
    }

    .oz-katalog-tab-nav {
        padding: 15px;
    }

    .oz-katalog-tab-btn {
        padding: 12px 20px;
        font-size: 0.9rem;
    }
}

@media (max-width: 767px) {
    .oz-digital-katalog-section {
        padding: 40px 0 60px;
    }

    .oz-katalog-header {
        margin-bottom: 30px;
    }

    .oz-katalog-title {
        font-size: 1.75rem;
    }

    .oz-katalog-subtitle {
        font-size: 1rem;
    }

    .oz-katalog-tab-nav {
        gap: 8px;
    }

    .oz-katalog-tab-btn {
        padding: 10px 16px;
        font-size: 0.85rem;
        border-radius: 30px;
    }

    .oz-katalog-tab-btn .tab-icon {
        width: 20px;
        height: 20px;
    }

    .oz-katalog-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .oz-katalog-card-image {
        height: 220px;
    }

    .oz-katalog-card-info {
        padding: 20px;
    }
}

@media (max-width: 480px) {
    .oz-katalog-tab-btn .tab-text {
        display: none;
    }

    .oz-katalog-tab-btn .tab-icon {
        width: 28px;
        height: 28px;
    }

    .oz-katalog-tab-btn {
        padding: 12px;
    }
}

/* ===== VIDEO SECTION RESPONSIVE HEIGHTS ===== */
@media (min-width: 1400px) {
    .oz-video-fullwidth-section {
        height: 1000px;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .oz-video-fullwidth-section {
        height: 850px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .oz-video-fullwidth-section {
        height: 750px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .oz-video-fullwidth-section {
        height: 600px;
    }
}

@media (min-width: 577px) and (max-width: 767px) {
    .oz-video-fullwidth-section {
        height: 450px;
    }
}

@media (min-width: 481px) and (max-width: 576px) {
    .oz-video-fullwidth-section {
        height: 350px;
    }
}

@media (max-width: 480px) {
    .oz-video-fullwidth-section {
        height: 280px;
    }
}

.scrollup{
    pointer-events: none;
    position: fixed !important;
    z-index: 2147483647 !important;
    transform: translateZ(0) scale(0) !important; /* stacking context’i üstte tutar */
}
.scrollup.activate{
    pointer-events: auto;
    transform: translateZ(0) scale(1) !important;
}

.oz-history-swiper .swiper-slide {
    opacity: 1;
}

.oz-history-swiper .swiper-slide .oz-history-item {
    filter: grayscale(100%);
    opacity: 0.5;
    transition: all 0.4s ease;
}

.oz-history-swiper .swiper-slide-visible .oz-history-item {
    filter: grayscale(0%);
    opacity: 1;
}

.oz-history-swiper .swiper-slide .oz-history-item:hover {
    filter: grayscale(0%);
    opacity: 1;
    transform: translateY(-5px);
}

.oz-history-swiper .swiper-slide .oz-history-item:hover::before {
    left: 0;
}

.oz-patent-item .history-image {
    position: relative;
    cursor: pointer;
}

.oz-patent-item .history-image .oz-doc-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    opacity: 0;
    transition: all 0.3s ease;
    border-radius: 10px;
}

.oz-patent-item .history-image:hover .oz-doc-overlay {
    opacity: 1;
}

.oz-doc-overlay .oz-doc-btn {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    min-height: 50px !important;
    max-width: 50px !important;
    max-height: 50px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px;
    color: #fff !important;
    transition: all 0.3s ease;
    border: 2px solid #fff !important;
    background: transparent !important;
    cursor: pointer;
    text-decoration: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    line-height: 1 !important;
}

.oz-doc-overlay .oz-doc-btn i {
    font-size: 18px;
    line-height: 1;
}

.oz-doc-overlay .oz-doc-btn:hover {
    background: #9b1f2e !important;
    border-color: #9b1f2e !important;
    transform: scale(1.1);
    color: #fff !important;
}

.oz-doc-overlay .oz-doc-btn.oz-download-btn:hover {
    background: #2e7d32 !important;
    border-color: #2e7d32 !important;
}

/* Fancybox Custom Styles */
.fancybox__container {
    --fancybox-bg: rgba(0, 0, 0, 0.92);
}

@media (max-width: 768px) {
    .oz-doc-overlay .oz-doc-btn {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        max-width: 40px !important;
        max-height: 40px !important;
        font-size: 14px;
    }

    .oz-ilkler-title,
    .oz-patent-sec-title,
    .oz-history-sec-title{
        font-size: 1.5rem !important;
        margin-top: 50px;
    }

    .oz-infos-section{padding-top: 0px !important;}
    .elementor-127 .oz-gallery-section .oz-gallery-item .oz-gallery-item-title{padding-left: 10px;}

    .mobile-navigation .dropdown-toggle,
    .mobile-navigation-categories .dropdown-toggle{
        top: 6px !important;
    }
}

@media (max-width: 1024px) {
    .oz-header .elementor-138 .elementor-element.elementor-element-e01d714 .hfe-site-logo-container .hfe-site-logo-img {
        width: 170px;
    }
}