@media (max-width: 1100px){.ok-main-header-inner{grid-template-columns:230px 1fr auto;gap:16px}.ok-menu{gap:18px;font-size:12px}.ok-hero-inner{grid-template-columns:1fr 330px}.ok-hero h1{font-size:48px}.ok-blog-grid-home{grid-template-columns:repeat(3,1fr)}.ok-footer-grid{gap:32px}}
@media (max-width: 900px){.ok-topbar-left{gap:12px;overflow:auto}.ok-main-header-inner{display:flex;justify-content:space-between;height:72px}.ok-primary-nav{display:none}.ok-logo strong{font-size:20px}.ok-header-actions .ok-btn{display:none}.ok-mobile-toggle{display:block}.ok-mobile-menu{display:none;background:#fff;border-bottom:1px solid var(--ok-border);padding:8px 20px 18px}.ok-mobile-menu.is-open{display:block}.ok-mobile-nav,.ok-mobile-menu .ok-menu{list-style:none;margin:0;padding:0;display:block}.ok-mobile-nav li,.ok-mobile-menu .ok-menu li{border-bottom:1px solid var(--ok-border)}.ok-mobile-nav a,.ok-mobile-menu .ok-menu a{display:block;padding:13px 0;font-weight:800;color:var(--ok-navy)}.ok-mobile-menu .sub-menu{display:block;position:static;box-shadow:none;border:0;padding:0 0 0 14px}.ok-hero{background:#fff}.ok-hero-inner{grid-template-columns:1fr;min-height:0;gap:0}.ok-hero-content{padding:34px 0 0}.ok-hero h1{font-size:36px}.ok-hero-media{height:280px;justify-content:flex-end;margin-top:-20px}.ok-hero-media img{max-height:280px}.ok-hero-mini-features{grid-template-columns:repeat(2,1fr);gap:12px}.ok-trust-grid,.ok-treatment-grid{grid-template-columns:repeat(2,1fr)}.ok-intro-box{grid-template-columns:1fr;padding:0}.ok-intro-image{height:180px}.ok-intro-content,.ok-stats{padding:0 22px 24px}.ok-stats{border-left:0;grid-template-columns:repeat(2,1fr)}.ok-blog-grid,.ok-blog-grid-home{grid-template-columns:repeat(2,1fr)}.ok-single-grid{grid-template-columns:1fr}.ok-footer-grid{grid-template-columns:1fr 1fr}.ok-mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:90;display:grid;grid-template-columns:repeat(3,1fr);background:linear-gradient(135deg,var(--ok-teal),#006779);box-shadow:0 -10px 24px rgba(8,40,69,.18)}.ok-mobile-bottom a{color:#fff;text-align:center;padding:12px 8px;font-size:12px;font-weight:900;border-right:1px solid rgba(255,255,255,.18)}body{padding-bottom:52px}}
@media (max-width: 560px){.ok-container{width:min(100% - 24px,1160px)}.ok-topbar-social{display:none}.ok-topbar-inner{justify-content:center}.ok-topbar-left span:nth-child(2){display:none}.ok-hero h1{font-size:31px}.ok-hero-actions{display:grid;grid-template-columns:1fr;gap:10px}.ok-hero-media{height:230px}.ok-hero-media img{max-height:230px}.ok-trust-grid{grid-template-columns:repeat(2,1fr);gap:10px}.ok-trust-item{display:block;text-align:center;padding:14px 8px}.ok-admin-icon{margin:0 auto 8px}.ok-treatment-grid{grid-template-columns:repeat(2,1fr);gap:10px}.ok-blog-grid,.ok-blog-grid-home{grid-template-columns:1fr}.ok-blog-thumb{height:190px}.ok-intro-content ul{grid-template-columns:1fr}.ok-footer-grid{grid-template-columns:1fr;gap:28px}.ok-footer-bottom{display:block;text-align:center}.ok-footer-bottom span{display:block;margin-top:10px}.ok-single-content h1,.ok-page-section h1{font-size:32px}}


@media (max-width: 1100px){.ok-blog-archive-layout{grid-template-columns:minmax(0,1fr) 300px}.ok-blog-grid-archive{grid-template-columns:repeat(2,1fr)}.ok-featured-post{grid-template-columns:1fr}.ok-featured-post-media{min-height:280px}}
@media (max-width: 900px){.ok-blog-archive-layout{grid-template-columns:1fr}.ok-sidebar{position:static}.ok-blog-grid-archive{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 560px){.ok-blog-archive-head h1{font-size:32px}.ok-featured-post-body{padding:22px 18px}.ok-featured-post-body h2{font-size:26px}.ok-blog-grid-archive{grid-template-columns:1fr}.ok-featured-post-media{min-height:220px}}


@media (max-width: 900px){.ok-post-nav{grid-template-columns:1fr}.ok-blog-grid-related{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 560px){.ok-single-content h1{font-size:34px}.ok-single-article-card{padding:20px 16px}.ok-author-box{grid-template-columns:1fr;text-align:center}.ok-author-avatar{margin:0 auto}.ok-blog-grid-related{grid-template-columns:1fr}}


@media (max-width: 1280px){.ok-blog-archive-page .ok-container,.ok-single-redesign .ok-container{width:min(100% - 36px,1240px)}.ok-featured-post{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)}}
@media (max-width: 1024px){.ok-blog-archive-layout,.ok-single-redesign .ok-single-grid{grid-template-columns:minmax(0,1fr) 280px;gap:24px}.ok-blog-body h3{font-size:20px}.ok-single-redesign .ok-single-content h1{font-size:42px}}
@media (max-width: 900px){.ok-blog-archive-page .ok-container,.ok-single-redesign .ok-container{width:min(100% - 24px,1320px)}}


@media (max-width: 1100px){.ok-blog-list-card{grid-template-columns:1fr}.ok-blog-list-card-media{min-height:280px}}
@media (max-width: 560px){.ok-blog-list-card-body{padding:22px 18px}.ok-blog-list-card-body h2{font-size:24px}.ok-blog-list-card-media{min-height:220px}.ok-blog-list-card-body .ok-btn{width:100%}}


@media (max-width: 1100px){.ok-blog-grid-home{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 560px){.ok-blog-grid-home{grid-template-columns:1fr}.ok-latest .ok-blog-thumb{height:200px}}


@media (max-width: 1100px){.ok-home-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px}.ok-home-blog-thumb{height:220px}}
@media (max-width: 620px){.ok-home-section-head h2{font-size:34px}.ok-home-section-head span{font-size:18px}.ok-home-blog-grid{grid-template-columns:1fr}.ok-home-blog-thumb{height:210px}.dw-ai-summary-title-wrap{display:block!important}.dw-ai-summary-icon{margin-bottom:10px}.dw-ai-summary-actions{display:grid!important;grid-template-columns:1fr!important}.dw-ai-btn{width:100%!important}}


@media (max-width: 760px){.ok-inline-related-grid{grid-template-columns:1fr}.ok-inline-related-head{display:block}.ok-inline-related-head h3{margin-top:6px!important}.ok-inline-related-thumb{height:170px}}


@media (max-width: 1280px){.ok-container,.ok-blog-archive-page .ok-container,.ok-single-redesign .ok-container{width:min(100% - 36px,1320px)}.ok-main-header-inner{grid-template-columns:260px minmax(0,1fr) auto;gap:22px}.ok-menu{gap:22px;font-size:14px}.ok-logo .custom-logo-link img,.ok-logo img.custom-logo{max-height:70px!important;max-width:250px!important}}
@media (max-width: 900px){.ok-container,.ok-blog-archive-page .ok-container,.ok-single-redesign .ok-container{width:min(100% - 24px,1600px)}.ok-blog-grid-related{grid-template-columns:repeat(2,minmax(0,1fr))}.ok-related-card-thumb{height:155px}}
@media (max-width: 560px){.ok-blog-grid-related{grid-template-columns:1fr}.ok-related-card-thumb{height:190px}}


@media (max-width: 900px){.ok-inline-related-inline-card{grid-template-columns:1fr}.ok-inline-related-inline-thumb{min-height:210px}.ok-inline-related-inline-body{padding:18px}}
@media (max-width: 560px){.ok-inline-related-inline-thumb{min-height:180px}.ok-inline-related-inline-title{font-size:20px}.ok-inline-related-inline-excerpt{font-size:14px}}


@media (max-width: 900px){.ok-container,.ok-blog-archive-page .ok-container,.ok-single-redesign .ok-container{width:min(100% - 28px,1480px)}.ok-inline-related-simple{font-size:15px;padding:15px 16px}}
@media (max-width: 560px){.ok-container,.ok-blog-archive-page .ok-container,.ok-single-redesign .ok-container{width:min(100% - 22px,1480px)}.ok-inline-related-simple{font-size:14px;line-height:1.6}}


@media (max-width: 900px){.ok-page-hero{padding:62px 0 68px}.ok-page-hero-title{font-size:42px}.ok-page-hero-breadcrumb{font-size:14px}}
@media (max-width: 560px){.ok-page-hero{padding:48px 0 52px}.ok-page-hero-title{font-size:31px}.ok-page-hero-desc{font-size:14px;line-height:1.65}.ok-page-hero-breadcrumb{gap:7px;font-size:13px}}

/* Sidebar sticky fix - no inner scrollbar responsive */



@media (max-width: 560px){.ok-page-hero-title{font-size:28px}.ok-content-single{font-size:15px;line-height:1.78}.ok-content-single h2{font-size:22px}.ok-content-single h3{font-size:19px}.ok-post-meta-under-image{font-size:12px;gap:10px}.ok-post-meta-under-image span:not(:last-child):after{margin-left:10px}}


@media (max-width:1100px){.ok-page-card-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.ok-page-card-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.ok-page-card-grid-2,.ok-page-card-grid-3,.ok-page-card-grid-4{grid-template-columns:1fr}.ok-page-info-card-image,.ok-page-card-grid-1 .ok-page-info-card-image{height:230px}.ok-page-info-card-title{font-size:20px;width:86%;min-height:82px}.ok-page-card-section-head h2{font-size:28px}}


@media (max-width:900px){.single-post .ok-page-hero-title{font-size:30px!important}.single-post .ok-page-hero{padding:42px 0 46px!important}}
@media (max-width:560px){.single-post .ok-page-hero-title{font-size:25px!important}.single-post .ok-page-hero-breadcrumb{font-size:12px!important}.single-post .ok-page-hero{padding:34px 0 38px!important}}


@media (max-width: 900px){.ok-blog-list-card-media{min-height:250px!important;padding:10px!important}.ok-home-blog-thumb,.ok-related-card-thumb,.ok-blog-thumb{padding:8px!important}}



/* Mobile cleanup for blog/archive/single */
@media (max-width: 900px){
  .ok-blog-archive-layout,
  .ok-single-redesign .ok-single-grid,
  .ok-single-grid{display:block!important;grid-template-columns:1fr!important;gap:0!important}
  .ok-blog-archive-main,
  .ok-single-content,
  .ok-sidebar{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important}
  .ok-sidebar{margin-top:26px!important}
  .ok-single-hero-image-wrap,.ok-single-image-first{display:block!important;width:100%!important}
  .ok-single-image{display:block!important;width:100%!important;height:auto!important;max-width:100%!important}
  .ok-post-meta-under-image{display:flex!important;gap:12px!important;flex-wrap:wrap!important;margin:14px 0 18px!important}
  .ok-small-post{align-items:flex-start}
  .ok-small-post span{min-width:0}
  .ok-small-post strong{display:block;line-height:1.35}
  .ok-mobile-bottom{display:none!important}
  body{padding-bottom:0!important}
}
@media (max-width: 560px){
  .ok-page-hero-breadcrumb{justify-content:center!important;line-height:1.6!important}
  .ok-page-hero-breadcrumb span:last-child{display:none!important}
  .ok-page-hero-breadcrumb i:last-of-type{display:none!important}
  .ok-widget,.ok-sidebar-cta{padding:20px 18px!important}
  .ok-small-post img{width:84px!important;height:62px!important;flex:0 0 84px!important}
}


@media (max-width:900px){
  .ok-blog-pagination .nav-links{gap:8px}
  .ok-blog-pagination .page-numbers{min-width:40px;height:40px;padding:0 12px}
}
@media (max-width:560px){
  .ok-blog-pagination .prev,.ok-blog-pagination .next{padding:0 14px}
}


@media (max-width:900px){
  .ok-sidebar-recent-widget .ok-small-post{grid-template-columns:72px 1fr!important;}
  .ok-sidebar-recent-widget .ok-small-post img,
  .ok-sidebar-recent-widget .ok-small-post-placeholder{width:72px!important;height:58px!important;}
}


@media (max-width:900px){.ok-hero-mini-features{display:none!important}.ok-trust-item{min-height:88px;padding:20px 16px;grid-template-columns:48px 1fr}.ok-admin-icon{width:42px;height:42px}.ok-admin-icon img,.ok-trust-item .ok-admin-icon img{width:28px!important;height:28px!important}.ok-trust-grid strong{font-size:16px}.ok-trust-grid span:not(.ok-admin-icon){font-size:13px}}
@media (max-width:560px){.ok-hero-mini-features{display:none!important}.ok-trust-item{padding:18px 12px;min-height:0}.ok-trust-grid strong{font-size:15px}.ok-trust-grid span:not(.ok-admin-icon){font-size:12px}}


@media (max-width:560px){.ok-post-meta-in-card{margin:0 0 14px!important;padding:0 0 14px!important;font-size:12px!important;gap:10px!important}.ok-post-meta-in-card span:not(:last-child):after{margin-left:10px!important}}


@media (max-width:900px){
  .ok-treatment-grid.ok-treatment-grid-count-2{grid-template-columns:repeat(2,minmax(220px,1fr))!important}
}
@media (max-width:560px){
  .ok-treatment-grid.ok-treatment-grid-count-2,.ok-treatment-grid.ok-treatment-grid-count-3,.ok-treatment-grid.ok-treatment-grid-count-1{grid-template-columns:1fr!important}
}

/* v1.60 clean sidebar responsive */
@media (max-width:900px){
  .ok-sidebar,.ok-sidebar-inner{position:static!important;top:auto!important;max-height:none!important;overflow:visible!important;width:100%!important;max-width:100%!important}
  .ok-blog-archive-layout,.ok-single-redesign .ok-single-grid{display:block!important;grid-template-columns:1fr!important}
}


/* v1.61 - TEK VE TEMİZ SIDEBAR STICKY KURALI */
@media (min-width: 901px) {
  html,
  body,
  .ok-site-main,
  .ok-page-section,
  .ok-page-section-compact,
  .ok-blog-archive-page,
  .ok-single-redesign,
  .ok-container,
  .ok-blog-archive-layout,
  .ok-single-redesign .ok-single-grid,
  .ok-single-grid,
  .ok-blog-archive-main,
  .ok-single-content {
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    transform: none !important;
    filter: none !important;
    contain: none !important;
    perspective: none !important;
  }

  .ok-blog-archive-layout,
  .ok-single-redesign .ok-single-grid,
  .ok-single-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 340px !important;
    gap: 36px !important;
    align-items: start !important;
  }

  .ok-sidebar,
  .ok-sidebar.is-sticky,
  .ok-sidebar.no-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 24px !important;
    align-self: start !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    overflow-y: visible !important;
    padding-right: 0 !important;
    z-index: 5 !important;
  }

  body.admin-bar .ok-sidebar,
  body.admin-bar .ok-sidebar.is-sticky,
  body.admin-bar .ok-sidebar.no-sticky {
    top: 56px !important;
  }

  .ok-sidebar-inner,
  .ok-sidebar.is-sticky .ok-sidebar-inner,
  .ok-sidebar.no-sticky .ok-sidebar-inner {
    position: static !important;
    top: auto !important;
    left: auto !important;
    bottom: auto !important;
    width: auto !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    overflow-y: visible !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
  }

  .ok-sidebar-category-widget {
    display: block !important;
  }
}

@media (max-width: 900px) {
  .ok-blog-archive-layout,
  .ok-single-redesign .ok-single-grid,
  .ok-single-grid {
    display: block !important;
    grid-template-columns: 1fr !important;
  }

  .ok-sidebar,
  .ok-sidebar.is-sticky,
  .ok-sidebar.no-sticky,
  .ok-sidebar-inner {
    position: static !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    overflow: visible !important;
  }
}

/* v1.63 hero responsive overrides */
@media (max-width:1280px){
  .ok-hero-v163{min-height:620px!important}
  .ok-hero-v163 .ok-container.ok-hero-inner{min-height:620px!important;grid-template-columns:minmax(390px,.9fr) minmax(560px,1.1fr)!important;padding-left:max(18px, calc((100vw - 1180px) / 2))!important}
  .ok-hero-v163 .ok-hero-content{padding:70px 28px 70px 0!important;max-width:650px!important}
  .ok-hero-v163 .ok-hero-title,.ok-hero-v163 h1.ok-hero-title{font-size:clamp(50px,5.4vw,var(--ok-hero-title-size,72px))!important}
  .ok-hero-v163 .ok-hero-desc,.ok-hero-v163 p.ok-hero-desc{font-size:clamp(17px,1.7vw,var(--ok-hero-desc-size,21px))!important}
  .ok-hero-v163 .ok-hero-media{height:620px!important;min-height:620px!important}
  .ok-hero-v163 .ok-hero-dots{margin-top:58px!important}
}
@media (max-width:900px){
  .ok-hero-v163{min-height:auto!important;background:#fff!important}
  .ok-hero-v163 .ok-container.ok-hero-inner{width:100%!important;min-height:auto!important;grid-template-columns:1fr!important;padding:0 22px!important;gap:0!important}
  .ok-hero-v163 .ok-hero-content{padding:46px 0 18px!important;max-width:none!important}
  .ok-hero-v163 .ok-hero-title,.ok-hero-v163 h1.ok-hero-title{font-size:clamp(38px,9vw,var(--ok-hero-title-size,72px))!important;line-height:1.04!important;letter-spacing:-1px!important;max-width:none!important}
  .ok-hero-v163 .ok-hero-desc,.ok-hero-v163 p.ok-hero-desc{font-size:clamp(15px,4vw,var(--ok-hero-desc-size,21px))!important;max-width:none!important}
  .ok-hero-v163 .ok-hero-media{height:410px!important;min-height:410px!important;justify-content:center!important;border-radius:26px 26px 0 0!important;background:linear-gradient(90deg,#fff,#eef6f9)!important}
  .ok-hero-v163 .ok-hero-media:before{width:34%!important;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.72) 50%,rgba(255,255,255,0) 100%)!important}
  .ok-hero-v163 .ok-hero-media:after{inset:0!important;border-radius:26px 26px 0 0!important}
  .ok-hero-v163 .ok-hero-media img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center bottom!important}
  .ok-hero-v163.is-wide-hero-image .ok-hero-media img{object-fit:cover!important;object-position:center right!important}
  .ok-hero-v163 .ok-hero-dots{margin-top:30px!important}
}
@media (max-width:560px){
  .ok-hero-v163 .ok-container.ok-hero-inner{padding:0 16px!important}
  .ok-hero-v163 .ok-hero-content{padding:34px 0 14px!important}
  .ok-hero-v163 .ok-eyebrow{font-size:min(var(--ok-hero-eyebrow-size,15px), 13px)!important}
  .ok-hero-v163 .ok-hero-title,.ok-hero-v163 h1.ok-hero-title{font-size:clamp(31px,10vw,var(--ok-hero-title-size,72px))!important;letter-spacing:-.6px!important}
  .ok-hero-v163 .ok-hero-desc,.ok-hero-v163 p.ok-hero-desc{font-size:clamp(14px,4.2vw,var(--ok-hero-desc-size,21px))!important;line-height:1.65!important}
  .ok-hero-v163 .ok-hero-actions .ok-btn-primary{width:100%!important;min-width:0!important}
  .ok-hero-v163 .ok-hero-media{height:320px!important;min-height:320px!important}
  .ok-hero-v163 .ok-hero-dots{margin-top:24px!important}
}


/* v1.78 - Responsive header readability */
@media (max-width: 1180px){
  .ok-topbar{font-size:14px!important}
  .ok-topbar-left span,
  .ok-topbar-left a{font-size:14px!important}
  .ok-main-header-inner{grid-template-columns:250px 1fr auto!important;gap:20px!important;height:88px!important}
  .ok-logo img.custom-logo{max-width:225px!important;max-height:66px!important}
  .ok-menu{gap:22px!important;font-size:15px!important}
  .ok-menu>li>a{height:88px!important}
  .ok-header-actions .ok-btn{font-size:15px!important;padding:14px 22px!important}
}
@media (max-width: 900px){
  .ok-topbar-inner{min-height:40px!important}
  .ok-topbar-left span,
  .ok-topbar-left a{font-size:13px!important}
  .ok-main-header-inner{height:78px!important}
  .ok-logo img.custom-logo{max-width:205px!important;max-height:58px!important}
  .ok-mobile-nav a,
  .ok-mobile-menu .ok-menu a{font-size:15px!important;line-height:1.4!important}
}


/* v2.04 - Desktop/mobile menu cleanup */
@media (min-width:901px){
  .ok-site-header,
  .ok-main-header,
  .ok-main-header-inner,
  .ok-primary-nav,
  .ok-menu,
  .ok-menu li{
    overflow:visible!important;
  }
  .ok-menu{
    gap:24px!important;
    font-size:16px!important;
    font-weight:700!important;
    text-transform:none!important;
  }
  .ok-menu>li>a{
    min-height:82px!important;
    padding:0 1px!important;
  }
  .ok-menu>li>.sub-menu{
    top:calc(100% - 8px)!important;
    left:50%!important;
    min-width:280px!important;
    transform:translate(-50%,10px)!important;
    border-radius:0!important;
    padding:10px 0!important;
    box-shadow:0 22px 48px rgba(8,40,69,.14)!important;
  }
  .ok-menu>li:hover>.sub-menu,
  .ok-menu>li:focus-within>.sub-menu{
    transform:translate(-50%,0)!important;
  }
  .ok-menu .sub-menu a{
    font-size:15px!important;
    line-height:1.35!important;
    padding:13px 18px!important;
  }
}
@media (max-width:900px){
  .ok-site-header{
    z-index:9999!important;
  }
  .ok-main-header{
    overflow:visible!important;
  }
  .ok-main-header-inner{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:74px!important;
    height:auto!important;
    padding:8px 0!important;
  }
  .ok-header-actions .ok-btn{display:none!important}
  .ok-mobile-toggle{
    display:flex!important;
    width:46px!important;
    height:42px!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    cursor:pointer!important;
  }
  .ok-mobile-toggle span{
    width:34px!important;
    height:2px!important;
    margin:0!important;
    background:var(--ok-navy)!important;
    transition:.18s ease!important;
  }
  .ok-mobile-toggle.is-active span:nth-child(1){transform:translateY(8px) rotate(45deg)!important}
  .ok-mobile-toggle.is-active span:nth-child(2){opacity:0!important}
  .ok-mobile-toggle.is-active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)!important}
  .ok-mobile-menu{
    display:block!important;
    visibility:hidden!important;
    opacity:0!important;
    max-height:0!important;
    overflow:hidden!important;
    background:#fff!important;
    border-top:1px solid var(--ok-border)!important;
    border-bottom:1px solid var(--ok-border)!important;
    padding:0 20px!important;
    transition:max-height .24s ease, opacity .18s ease, visibility .18s ease!important;
    position:relative!important;
    z-index:9998!important;
  }
  .ok-mobile-menu.is-open{
    visibility:visible!important;
    opacity:1!important;
    max-height:calc(100vh - 86px)!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    padding:8px 20px 28px!important;
  }
  .ok-mobile-nav,
  .ok-mobile-menu .ok-menu,
  .ok-mobile-menu .sub-menu{
    list-style:none!important;
    margin:0!important;
    padding:0!important;
  }
  .ok-mobile-nav,
  .ok-mobile-menu .ok-menu{
    display:block!important;
    font-size:16px!important;
    text-transform:none!important;
  }
  .ok-mobile-nav li,
  .ok-mobile-menu .ok-menu li{
    position:relative!important;
    border-bottom:1px solid #dbe7ee!important;
    list-style:none!important;
    margin:0!important;
    padding:0!important;
  }
  .ok-mobile-nav a,
  .ok-mobile-menu .ok-menu a{
    display:block!important;
    padding:15px 52px 15px 0!important;
    color:var(--ok-navy)!important;
    font-size:16px!important;
    font-weight:700!important;
    line-height:1.35!important;
  }
  .ok-mobile-sub-toggle{
    position:absolute!important;
    top:7px!important;
    right:0!important;
    width:42px!important;
    height:42px!important;
    border:1px solid #dbe7ee!important;
    background:#f5fafc!important;
    color:var(--ok-navy)!important;
    border-radius:6px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    cursor:pointer!important;
    z-index:2!important;
  }
  .ok-mobile-sub-toggle span{
    display:block!important;
    font-size:18px!important;
    line-height:1!important;
    transition:.18s ease!important;
  }
  .ok-mobile-menu li.is-submenu-open>.ok-mobile-sub-toggle span{
    transform:rotate(180deg)!important;
  }
  .ok-mobile-menu .sub-menu{
    display:none!important;
    position:static!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:none!important;
    min-width:0!important;
    box-shadow:none!important;
    border:0!important;
    border-left:2px solid #dbe7ee!important;
    background:#fbfdfe!important;
    padding:0 0 0 14px!important;
  }
  .ok-mobile-menu li.is-submenu-open>.sub-menu{
    display:block!important;
  }
  .ok-mobile-menu .sub-menu li{
    border-bottom:1px solid #e8f0f4!important;
  }
  .ok-mobile-menu .sub-menu a{
    font-size:15px!important;
    font-weight:600!important;
    padding:13px 8px 13px 0!important;
  }
  .ok-mobile-menu-open{
    overflow:hidden!important;
  }
  .ok-mobile-menu-open .ok-mobile-bottom,
  .ok-mobile-bottom{
    display:none!important;
  }
  body{padding-bottom:0!important}
}


/* v2.05 - Mobile topbar hidden + cleaner mobile menu */
@media (max-width:900px){
  .ok-topbar{
    display:none!important;
  }
  .ok-main-header{
    border-bottom:1px solid #e4edf2!important;
    box-shadow:0 8px 22px rgba(8,40,69,.035)!important;
  }
  .ok-main-header-inner{
    min-height:70px!important;
    padding:7px 0!important;
  }
  .ok-logo{
    max-width:215px!important;
  }
  .ok-logo .custom-logo-link img,
  .ok-logo img.custom-logo{
    max-height:54px!important;
  }
  .ok-mobile-toggle{
    width:42px!important;
    height:42px!important;
    padding:0!important;
    gap:5px!important;
    border:0!important;
    background:transparent!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .ok-mobile-toggle span{
    width:28px!important;
    height:2px!important;
    border-radius:999px!important;
    background:#072642!important;
  }
  .ok-mobile-toggle.is-active span:nth-child(1){transform:translateY(7px) rotate(45deg)!important}
  .ok-mobile-toggle.is-active span:nth-child(2){opacity:0!important;transform:scaleX(.2)!important}
  .ok-mobile-toggle.is-active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}

  .ok-mobile-menu{
    border-top:0!important;
    background:linear-gradient(180deg,#fff 0%,#f8fcfd 100%)!important;
    padding:0!important;
    box-shadow:0 18px 34px rgba(8,40,69,.08)!important;
  }
  .ok-mobile-menu.is-open{
    max-height:calc(100vh - 70px)!important;
    padding:10px 20px 24px!important;
  }
  .ok-mobile-nav,
  .ok-mobile-menu .ok-menu{
    border-top:1px solid #e5eef3!important;
    padding-top:4px!important;
  }
  .ok-mobile-nav li,
  .ok-mobile-menu .ok-menu li{
    border-bottom:1px solid #e5eef3!important;
  }
  .ok-mobile-nav a,
  .ok-mobile-menu .ok-menu a{
    padding:15px 42px 15px 0!important;
    font-size:16px!important;
    font-weight:600!important;
    letter-spacing:-.01em!important;
  }
  .ok-mobile-menu .sub-menu{
    border-left:0!important;
    background:transparent!important;
    padding:0 0 8px 14px!important;
  }
  .ok-mobile-menu .sub-menu li{
    border-bottom:0!important;
  }
  .ok-mobile-menu .sub-menu a{
    position:relative!important;
    font-size:15px!important;
    font-weight:500!important;
    color:#254158!important;
    padding:10px 6px 10px 14px!important;
    line-height:1.45!important;
  }
  .ok-mobile-menu .sub-menu a:before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:20px!important;
    width:5px!important;
    height:5px!important;
    border-radius:50%!important;
    background:#87a8b7!important;
  }
  .ok-mobile-sub-toggle{
    top:9px!important;
    right:0!important;
    width:32px!important;
    height:32px!important;
    border:0!important;
    background:transparent!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .ok-mobile-sub-toggle span{
    font-size:0!important;
    width:9px!important;
    height:9px!important;
    border-right:2px solid #5f788a!important;
    border-bottom:2px solid #5f788a!important;
    transform:rotate(45deg)!important;
    transition:.18s ease!important;
  }
  .ok-mobile-menu li.is-submenu-open>.ok-mobile-sub-toggle span{
    transform:rotate(-135deg)!important;
    border-color:var(--ok-teal)!important;
  }
  .ok-mobile-menu li.is-submenu-open>a{
    color:var(--ok-teal)!important;
  }
}
@media(max-width:560px){
  .ok-mobile-menu.is-open{
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .ok-logo{
    max-width:200px!important;
  }
}

/* Blog card images fill the whole media block at every breakpoint. */
.ok-blog-list-card-media,
.ok-home-blog-thumb,
.ok-related-card-thumb,
.ok-blog-thumb{
  position:relative!important;
  padding:0!important;
  overflow:hidden!important;
}
.ok-blog-list-card-media img,
.ok-home-blog-thumb img,
.ok-related-card-thumb img,
.ok-blog-thumb img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center!important;
}