/*
 * Tablet (soldan açılan) mobil menüyü 1025–1199px aralığına da uygular.
 * Normalde bu menü yalnızca ≤1024px'te açılıyordu; 1025–1199px'te menü yazıları gizli olduğu için
 * sağdaki tam ekran menü kullanılıyordu. Aşağıdaki kurallar sayfa paketlerindeki
 * "max-width:1024px" mobil menü (#rmp-*-5797) kurallarının aynısıdır.
 * İlgili JS eşikleri de 1200'e çekildi: şablonlardaki rmp "tablet_breakpoint" ve
 * bundle/*-app.defer.js + menu-ui-enhancements.js içindeki isMobileMenuViewport.
 */
@media (min-width: 1025px) and (max-width: 1199.98px) {
    /* ≥1025px'te mobil menüyü gizleyip masaüstü menüyü gösteren kuralları geçersiz kıl */
    body #rmp_menu_trigger-5797 { display: block !important; }
    /* flex: tablet düzenindeki gibi panel ekran yüksekliğiyle sınırlı kalsın, içi (#rmp-menu-wrap-5797) kaysın */
    body #rmp-container-5797 { display: flex !important; }
    body #rmp_menu_trigger-61, body #rmp-container-61 { display: none !important; pointer-events: none !important; }

    #rmp_menu_trigger-5797 { display: block; }
    #rmp-container-5797 { position: fixed; top: 0px; margin: 0px; transition: transform 0.5s; overflow: auto; display: block; width: 75%; max-width: 980px; min-width: 220px; background-color: rgb(255, 255, 255); height: 100%; left: 0px; padding: 0px; }
    #rmp-menu-wrap-5797 { padding: 0px; }
    #rmp-menu-wrap-5797 .rmp-menu, #rmp-menu-wrap-5797 .rmp-submenu { width: 100%; box-sizing: border-box; margin: 0px; padding: 0px; }
    #rmp-menu-wrap-5797 .rmp-submenu-depth-1 .rmp-menu-item-link { padding-left: 10%; }
    #rmp-menu-wrap-5797 .rmp-submenu-depth-2 .rmp-menu-item-link { padding-left: 15%; }
    #rmp-menu-wrap-5797 .rmp-submenu-depth-3 .rmp-menu-item-link { padding-left: 20%; }
    #rmp-menu-wrap-5797 .rmp-submenu-depth-4 .rmp-menu-item-link { padding-left: 25%; }
    #rmp-menu-wrap-5797 .rmp-submenu.rmp-submenu-open { display: block; }
    #rmp-menu-wrap-5797 .rmp-menu-item { width: 100%; list-style: none; margin: 0px; }
    #rmp-menu-wrap-5797 .rmp-menu-item-link { height: 40px; line-height: 40px; font-size: 15px; border-bottom: 0px solid rgb(29, 67, 84); font-family: inherit; color: rgb(255, 255, 255); text-align: left; background-color: inherit; font-weight: normal; letter-spacing: 0px; display: block; box-sizing: border-box; width: 100%; text-decoration: none; position: relative; overflow: hidden; transition: background-color 0.5s, border-color 0.5s, 0.5s; padding: 0px 30px 0px 5%; }
    #rmp-menu-wrap-5797 .rmp-menu-item-link::after, #rmp-menu-wrap-5797 .rmp-menu-item-link::before { display: none; }
    #rmp-menu-wrap-5797 .rmp-menu-item-link:hover, #rmp-menu-wrap-5797 .rmp-menu-item-link:focus { color: rgb(255, 255, 255); border-color: rgb(29, 67, 84); background-color: inherit; }
    #rmp-menu-wrap-5797 .rmp-menu-item-link:focus { outline: none; border-color: unset; box-shadow: unset; }
    #rmp-menu-wrap-5797 .rmp-menu-item-link .rmp-font-icon { height: 40px; line-height: 40px; margin-right: 10px; font-size: 15px; }
    #rmp-menu-wrap-5797 .rmp-menu-current-item .rmp-menu-item-link { color: rgb(255, 255, 255); border-color: rgb(29, 67, 84); background-color: rgb(111, 218, 68); }
    #rmp-menu-wrap-5797 .rmp-menu-current-item .rmp-menu-item-link:hover, #rmp-menu-wrap-5797 .rmp-menu-current-item .rmp-menu-item-link:focus { color: rgb(255, 255, 255); border-color: rgb(63, 63, 63); background-color: inherit; }
    #rmp-menu-wrap-5797 .rmp-menu-subarrow { position: absolute; top: 0px; bottom: 0px; text-align: center; background-size: cover; overflow: hidden; right: 0px; border-left: 0px solid rgb(29, 67, 84); height: 20px; width: 20px; color: rgb(1, 33, 2); background-color: inherit; }
    #rmp-menu-wrap-5797 .rmp-menu-subarrow svg { fill: rgb(1, 33, 2); }
    #rmp-menu-wrap-5797 .rmp-menu-subarrow:hover { color: rgb(1, 33, 2); border-color: rgb(63, 63, 63); background-color: inherit; }
    #rmp-menu-wrap-5797 .rmp-menu-subarrow:hover svg { fill: rgb(1, 33, 2); }
    #rmp-menu-wrap-5797 .rmp-menu-subarrow .rmp-font-icon { margin-right: unset; }
    #rmp-menu-wrap-5797 .rmp-menu-subarrow * { vertical-align: middle; line-height: 20px; }
    #rmp-menu-wrap-5797 .rmp-menu-subarrow-active { display: block; background-size: cover; color: rgb(1, 33, 2); border-color: rgb(29, 67, 84); background-color: rgba(33, 33, 33, 0.01); }
    #rmp-menu-wrap-5797 .rmp-menu-subarrow-active svg { fill: rgb(1, 33, 2); }
    #rmp-menu-wrap-5797 .rmp-menu-subarrow-active:hover { color: rgb(1, 33, 2); border-color: rgb(63, 63, 63); background-color: inherit; }
    #rmp-menu-wrap-5797 .rmp-menu-subarrow-active:hover svg { fill: rgb(1, 33, 2); }
    #rmp-menu-wrap-5797 .rmp-submenu { display: none; }
    #rmp-menu-wrap-5797 .rmp-submenu .rmp-menu-item-link { height: 40px; line-height: 40px; letter-spacing: 0px; font-size: 13px; border-bottom: 0px solid rgb(29, 67, 84); font-family: inherit; font-weight: normal; color: rgb(255, 255, 255); text-align: left; background-color: inherit; }
    #rmp-menu-wrap-5797 .rmp-submenu .rmp-menu-item-link:hover, #rmp-menu-wrap-5797 .rmp-submenu .rmp-menu-item-link:focus { color: rgb(255, 255, 255); border-color: rgb(29, 67, 84); background-color: inherit; }
    #rmp-menu-wrap-5797 .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link { color: rgb(255, 255, 255); border-color: rgb(29, 67, 84); background-color: inherit; }
    #rmp-menu-wrap-5797 .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link:hover, #rmp-menu-wrap-5797 .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link:focus { color: rgb(255, 255, 255); border-color: rgb(63, 63, 63); background-color: inherit; }
    #rmp-menu-wrap-5797 .rmp-menu-item-description { margin: 0px; padding: 5px 5%; opacity: 0.8; color: rgb(255, 255, 255); }
    #rmp-search-box-5797 { display: block; padding: 50px 30px 30px; }
    #rmp-search-box-5797 .rmp-search-form { margin: 0px; }
    #rmp-search-box-5797 .rmp-search-box { background: rgb(255, 255, 255); border: 1px solid; color: rgb(1, 33, 2); width: 100%; padding: 0px 5%; border-radius: 30px; height: 50px; appearance: none; }
    #rmp-search-box-5797 .rmp-search-box::placeholder { color: rgb(1, 33, 2); }
    #rmp-search-box-5797 .rmp-search-box:focus { background-color: rgb(255, 255, 255); outline: currentcolor solid 2px; color: rgb(1, 33, 2); }
    #rmp-menu-title-5797 { background-color: inherit; color: rgb(255, 255, 255); text-align: center; font-size: 25px; padding: 10% 5% 0%; font-weight: 400; transition: background-color 0.5s, border-color 0.5s, color 0.5s; }
    #rmp-menu-title-5797:hover { background-color: inherit; color: rgb(255, 255, 255); }
    #rmp-menu-title-5797 > .rmp-menu-title-link { color: rgb(255, 255, 255); width: 100%; background-color: unset; text-decoration: none; }
    #rmp-menu-title-5797 > .rmp-menu-title-link:hover { color: rgb(255, 255, 255); }
    #rmp-menu-title-5797 .rmp-font-icon { font-size: 25px; }
    #rmp-menu-additional-content-5797 { padding: 0% 5% 10%; color: rgb(111, 218, 68); text-align: center; font-size: 16px; }
    #rmp-menu-social-icons-5797 { padding: 0%; }
    #rmp-menu-social-icons-5797 .rmp-social-icons-list { display: flex; flex-flow: wrap; gap: 10px; list-style: none; padding: 0px; margin: 0px; }
    #rmp-menu-social-icons-5797.rmp-social-icons-layout-vertical .rmp-social-icons-list { flex-direction: column; align-items: flex-start; }
    #rmp-menu-social-icons-5797.rmp-social-icons-layout-horizontal.rmp-social-icons-align-left .rmp-social-icons-list { justify-content: flex-start; }
    #rmp-menu-social-icons-5797.rmp-social-icons-layout-horizontal.rmp-social-icons-align-center .rmp-social-icons-list { justify-content: center; }
    #rmp-menu-social-icons-5797.rmp-social-icons-layout-horizontal.rmp-social-icons-align-right .rmp-social-icons-list { justify-content: flex-end; }
    #rmp-menu-social-icons-5797.rmp-social-icons-layout-vertical.rmp-social-icons-align-left .rmp-social-icons-list { align-items: flex-start; }
    #rmp-menu-social-icons-5797.rmp-social-icons-layout-vertical.rmp-social-icons-align-center .rmp-social-icons-list { align-items: center; }
    #rmp-menu-social-icons-5797.rmp-social-icons-layout-vertical.rmp-social-icons-align-right .rmp-social-icons-list { align-items: flex-end; }
    #rmp-menu-social-icons-5797 .rmp-social-icon-link { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; color: inherit; }
    #rmp-menu-social-icons-5797 .rmp-social-icon-link:hover { color: inherit; }
    #rmp-menu-social-icons-5797 .rmp-social-icon-link--no-link { cursor: default; color: inherit; }
    #rmp-menu-social-icons-5797 .rmp-social-icon-link--no-link:hover { color: inherit; }
    #rmp-menu-social-icons-5797 .rmp-social-icon { line-height: 1; display: inline-flex; align-items: center; justify-content: center; }
    #rmp-menu-social-icons-5797 .rmp-social-icon .rmp-font-icon { font-size: 24px; }
    #rmp-menu-social-icons-5797 .rmp-social-icon svg { fill: currentcolor; }
    #rmp_menu_trigger-5797 { display: block !important; }
    #rmp_menu_trigger-61, #rmp-container-61 { display: none !important; pointer-events: none !important; }
    #et_mobile_nav_menu { display: none !important; }
    #rmp-menu-wrap-5797 .rmp-menu-item-link, #rmp-menu-wrap-5797 .rmp-menu-item-link:hover, #rmp-menu-wrap-5797 .rmp-menu-item-link:focus, #rmp-menu-wrap-5797 .rmp-submenu .rmp-menu-item-link, #rmp-menu-wrap-5797 .rmp-submenu .rmp-menu-item-link:hover, #rmp-menu-wrap-5797 .rmp-submenu .rmp-menu-item-link:focus { color: rgb(1, 33, 2) !important; }
    #rmp-container-5797 { width: 75% !important; max-width: 500px !important; }
    #rmp-container-5797 { position: fixed !important; }
    #rmp-menu-wrap-5797 { padding-top: 0px !important; }
    #rmp-menu-wrap-5797 > .rmp-menu { margin-top: 40% !important; }
    #rmp-menu-wrap-5797 .rmp-menu-item-link { text-align: left !important; padding-left: 30px !important; padding-right: 30px !important; }
    #rmp-menu-wrap-5797 .icon-circle { display: none !important; pointer-events: none !important; }
    #rmp-menu-wrap-5797 .rmp-submenu { display: none; height: auto !important; }
    #rmp-menu-wrap-5797 .rmp-submenu.rmp-submenu-open { display: block !important; height: auto !important; }
    #rmp_menu_trigger-5797 { display: block !important; right: 16px !important; top: 21px !important; }
    #rmp-container-5797.rmp-menu-open { z-index: 100005 !important; }
    #rmp_menu_trigger-5797.is-active { z-index: 100006 !important; }
    #rmp-container-5797::before { content: ""; position: sticky; top: 0px; display: block; width: 100%; height: 96px; margin-bottom: -96px; background-color: rgb(255, 255, 255); background-image: url("/media/bchnkhcz/sticky-logo.svg"); background-repeat: no-repeat; background-position: center 18px; background-size: 160px 70px; z-index: 12; pointer-events: none; }
    #rmp_menu_trigger-5797.is-active { border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 10px; background: rgb(255, 255, 255) !important; }
}

/*
 * Header'ın kendisi de 981–1199px'te iPad mini (≤980px) ile aynı olsun:
 * 95px header, 76px logo, ana sayfada yeşil alan header'ın altından başlasın,
 * İletişim butonu tablet görünümünde (11px, normal harf). Kurallar paketlerdeki ≤980px header kurallarının aynısı;
 * buton için ≥981px'te uygulanan masaüstü kuralını tablet değerleriyle geçersiz kılıyoruz.
 */
@media (min-width: 981px) and (max-width: 1199.98px) {
    .et_header_style_centered #main-header { padding: 0px !important; }
    .et_fullwidth_nav #main-header .container { padding: 0px 20px !important; }
    #main-header .logo_container, .home #main-header .logo_container,
    html body:not(.home) header#main-header .logo_container { height: 95px !important; }
    .logo_container a { width: 180px; display: block; }
    .logo { top: 8px !important; }
    #main-header .logo svg { width: 76px !important; }
    .et_header_style_centered #main-header div#et-top-navigation,
    .home.et_header_style_centered #main-header div#et-top-navigation { top: -70px !important; }
    /* Ana sayfa hero: masaüstü düzeni korunur, katmanlar header yüksekliği (80px) kadar aşağı kayar →
       header tabletteki gibi ayrı bir şerit olarak görünür */
    html body.home #et_pb_section_0 > .et_pb_fullwidth_header,
    html body.home #et_pb_section_0 > #hero-video-block { top: 80px !important; height: calc(100vh - 80px) !important; min-height: calc(100vh - 80px) !important; }

    #et-top-navigation .menu-account-cart-wrapper { left: auto !important; right: 0px !important; top: 2px !important; }
    #page-container #et-top-navigation .menu-account-cart-wrapper #menu-item-randevu > a.signe-button {
        align-items: normal !important; justify-content: normal !important;
        min-width: 0 !important; height: 44px !important; padding: 15px 35.2px !important; overflow: visible !important;
        border-radius: 50px !important; font-size: 11px !important; font-weight: 600 !important;
        letter-spacing: 1px !important; line-height: 14px !important; text-transform: none !important; white-space: normal !important;
    }
}

/*
 * Yan menü açıkken (body.menu-open) 981–1199px:
 * - Menü paneli kendi içinde kaysın; kaydırma arkadaki sayfaya geçmesin (panel sonuna gelince de).
 * - Arka sayfa kaymasın.
 * - ≥981px masaüstü kuralı menü açıkken header'ı gizliyordu; tabletteki gibi görünür kalsın.
 */
@media (min-width: 981px) and (max-width: 1199.98px) {
    #rmp-menu-wrap-5797 { overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
    html:has(body.menu-open), body.menu-open { overflow: hidden !important; }
    body.menu-open #main-header { visibility: visible !important; pointer-events: auto !important; z-index: 9999 !important; }
}

/*
 * Tablet menüsünün asıl görünümü (beyaz panel, satır boyutları, alt menü kutusu, "+" konumu)
 * paketlerde "max-width:980px" kurallarında. 981–1024px'te bunlar uygulanmadığı için panel koyu yeşil
 * ve okunmaz açılıyordu (bu değişiklikten önce de). Aynı kurallar 981–1199px için:
 */
@media (min-width: 981px) and (max-width: 1199.98px) {
    #rmp_menu_trigger-5797 { display: block !important; left: 16px !important; top: 21px !important; }
    #rmp_menu_trigger-5797 .responsive-menu-pro-inner, #rmp_menu_trigger-5797 .responsive-menu-pro-inner::before, #rmp_menu_trigger-5797 .responsive-menu-pro-inner::after { height: 1.5px !important; }
    #rmp-container-5797 { width: 75%; max-width: 500px; }
    .rmp-menu-wrap { min-height: auto !important; padding-top: 90px !important; background-color: white !important; }
    #rmp-menu-wrap-5797 .rmp-menu-item-link { height: 45px; line-height: 45px; font-size: 16px; padding-top: 0px; padding-bottom: 0px; padding-right: 50px; color: rgb(1, 33, 2) !important; padding-left: 30px !important; font-variation-settings: "ital" 0, "wdth" 100, "wght" 480 !important; }
    #rmp-menu-wrap-5797 .rmp-menu-item-link .icon-circle { display: none !important; }
    #rmp-menu-wrap-5797 .rmp-submenu { background: rgb(242, 243, 244); width: calc(100% - 60px); margin: 10px auto; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; }
    #rmp_menu_trigger-5797 { opacity: 0; transform: translateY(-30px); transition: 0.6s; }
    .is-loaded #rmp_menu_trigger-5797 { opacity: 1; transform: translateY(0px); transition: 0.6s; }
    #rmp-menu-wrap-5797 .rmp-menu-subarrow { right: 16px !important; height: 45px !important; width: 28px !important; left: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; }
    #rmp-menu-wrap-5797 .rmp-menu-subarrow * { display: block; width: 14px; text-align: center; left: auto; position: static; top: auto; margin: 0px; }
    #rmp-menu-wrap-5797 .rmp-submenu .rmp-menu-item-link { font-size: 14px !important; padding-left: 20px !important; padding-right: 20px !important; }
    #rmp-container-5797 { display: flex; flex: 1 0 0%; flex-direction: column; overflow: hidden; }
    #rmp-menu-wrap-5797 { overflow: visible scroll; flex: 1 0 0%; position: relative; touch-action: pan-x pan-y; width: 100%; padding-bottom: 50px !important; }
}