/* C1 Teknoloji: shared mobile layout fixes for service detail pages. */
@media (max-width: 1023px) {
  html, body { max-width: 100%; overflow-x: hidden; }
  .page-wrapper.image-layer { background-position: center top !important; background-size: cover !important; background-repeat: no-repeat !important; background-attachment: scroll !important; }
  img, video, iframe { max-width: 100%; }
  .main-header {
    display: block !important;
    position: relative !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 1001;
    width: 100%;
    min-height: 0 !important;
    margin: 0;
    padding: 10px 0 !important;
    background: #09090b !important;
  }
  .main-header .header-lower { display: block !important; position: relative; padding: 0 !important; }
  .main-header .header-lower .inner-container { display: block !important; padding-inline: 14px; }
  .main-header .header-lower .inner-container > .d-flex {
    display: flex !important; flex-wrap: nowrap !important; align-items: center !important;
    justify-content: space-between !important; gap: 10px; min-height: 48px;
  }
  .main-header .header-lower .logo-box {
    display: flex !important; align-items: center !important; visibility: visible !important; opacity: 1 !important;
    flex: 1 1 auto; width: auto; max-width: calc(100% - 54px); min-width: 0;
    gap: 7px; float: none; padding: 0 !important; margin: 0 !important;
  }
  .main-header .header-lower .logo-box .logo { display: block !important; flex: 0 0 58px; width: 58px; padding: 0 !important; margin: 0; }
  .main-header .header-lower .logo-box .logo img { display: block !important; width: 100%; max-width: 100%; height: auto; }
  .main-header .nav-outer { display: none !important; }
  .main-header .mobile-nav-toggler {
    display: flex !important; flex: 0 0 42px; align-items: center; justify-content: center;
    width: 42px; height: 42px; margin: 0 0 0 auto !important; padding: 0; color: #fff;
    border: 1px solid rgba(255,255,255,.28); border-radius: 4px; background: rgba(255,255,255,.035);
  }
  .main-header .mobile-nav-toggler svg { display: block; position: static; width: 23px; height: 23px; }
  .mobile-menu { width: min(360px, 88vw); }
  .mobile-menu .menu-box { background: #101014; color: #fff; border-left: 1px solid rgba(255,255,255,.1); padding-bottom: env(safe-area-inset-bottom, 0px); }
  .mobile-menu .nav-logo { min-height: 82px; padding: 18px 62px 18px 18px; border-bottom: 1px solid rgba(255,255,255,.12); }
  .mobile-menu .nav-logo img { display: block; width: 66px; max-width: 66px; height: auto; }
  .mobile-menu .navigation li { border-bottom-color: rgba(255,255,255,.1) !important; }
  .mobile-menu .navigation li > a { min-height: 46px; display: flex; align-items: center; padding: 12px 20px; padding-right: 54px; color: rgba(255,255,255,.9); line-height: 1.45; }
  .mobile-menu .navigation li:hover > a, .mobile-menu .navigation li.current > a { color: #ff4b9c; background: rgba(186,2,74,.08); }
}

@media (max-width: 767px) {
  .journal-detail { padding: 30px 0 34px !important; }
  .journal-detail .auto-container, .main-footer > .auto-container, .main-footer .footer-bottom > .auto-container {
    width: 100%; max-width: 100%; padding-left: 22px; padding-right: 22px;
  }
  .journal-detail .row { display: flex; flex-wrap: wrap; margin-left: 0; margin-right: 0; }
  .journal-detail .column { width: 100%; max-width: 100%; flex: 0 0 100%; padding-left: 0; padding-right: 0; margin-bottom: 18px; }
  .journal-detail_image { padding-right: 0 !important; margin-bottom: 16px; }
  .journal-detail_image img { display: block; width: 100%; max-width: 100%; height: auto; max-height: 320px; object-fit: cover; border-radius: 3px; }
  .journal-detail_title { font-size: clamp(30px, 7.5vw, 38px) !important; line-height: 1.15 !important; margin-bottom: 16px; overflow-wrap: anywhere; }
  .journal-detail p { font-size: 16px !important; line-height: 1.72 !important; margin-bottom: 14px; overflow-wrap: anywhere; }
  .single-work { padding: 32px 0 36px !important; }
  .single-work .auto-container, .work-one .auto-container { width: 100%; max-width: 100%; padding-left: 22px; padding-right: 22px; }
  .single-work .column { width: 100%; max-width: 100%; flex: 0 0 100%; padding-inline: 0; }
  .single-work_image { padding-right: 0 !important; margin-bottom: 18px; }
  .single-work_image img { display: block; width: 100%; height: auto; }
  .single-work_title { font-size: clamp(28px, 7.5vw, 38px) !important; line-height: 1.18 !important; overflow-wrap: anywhere; }
  .single-work p, .single-work_list li span { font-size: 16px !important; line-height: 1.7 !important; }
  .page-title { min-height: 210px; padding: 84px 0 38px !important; }
  .page-title_heading { font-size: clamp(32px, 8vw, 48px) !important; line-height: 1.1 !important; overflow-wrap: anywhere; }
  .main-footer .widgets-section { padding: 42px 0 30px; }
  .main-footer .footer-column { width: 100%; max-width: 100%; flex: 0 0 100%; min-width: 0; margin-bottom: 22px; }
  .main-footer h2 { max-width: 100%; font-size: clamp(24px, 6.4vw, 32px) !important; line-height: 1.25 !important; overflow-wrap: anywhere; }
  .main-footer h2 a { overflow-wrap: anywhere; word-break: break-word; }
  .footer_socials { display: flex; flex-wrap: wrap; gap: 10px 14px; }
  .footer_socials li { margin: 0; }
  .footer_navs li a { padding: 11px 0; }
}

@media (max-width: 380px) {
  .main-header .header-lower .inner-container { padding-inline: 11px; }
  .main-header .header-lower .logo-box .logo { flex-basis: 52px; width: 52px; }
  .main-header .mobile-nav-toggler { flex-basis: 38px; width: 38px; height: 38px; }
  .journal-detail .auto-container, .main-footer > .auto-container, .main-footer .footer-bottom > .auto-container { padding-left: 18px; padding-right: 18px; }
  .journal-detail p { font-size: 15.5px !important; }
}