/* BuharlıSerinletme.com — mobile scrolling and menu performance layer — 2026-06-26 */
:root{--header-h:92px}
html{scroll-padding-top:calc(var(--header-h) + 24px)}
section[id],main[id],footer[id],div[id]{scroll-margin-top:calc(var(--header-h) + 24px)}

/* Disable delayed section painting that creates a broken, piece-by-piece scroll feeling. */
.service-card,.feature-card,.premium-card,.gallery-card,.contact-card,.faq-item,
.content-card,.article-card,.side-card,.related-card,.reference-card,.comparison-card,
.seo-card,.product-card,.detail-media,.ecosystem-card,.trust-card,img[loading="lazy"]{
  content-visibility:visible!important;
  contain:none!important;
  contain-intrinsic-size:auto!important;
}
.nav-toggle{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.mobile-menu[hidden],.cc-banner[hidden],.cc-modal[hidden]{display:none!important}

@media(max-width:860px){
  html{scroll-behavior:auto!important;overscroll-behavior-y:auto!important}
  body:not(.menu-open):not(.cc-lock){touch-action:pan-y;overscroll-behavior-y:auto}
  body{text-rendering:auto!important;background:#f7fbfc!important}

  /* Fixed translucent layers force repainting on every scroll frame. */
  header{
    background:#f9fcfc!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    box-shadow:0 1px 0 rgba(41,96,116,.14)!important;
    transform:none!important;
    isolation:auto!important
  }
  .shell,.hero-frame,.trust-card,.feature-card,.premium-card,.gallery-card,.spec-card,
  .audience-card,.faq-item,.cta-box,.seo-card,.contact-card,.comparison-card,
  .content-card,.article-card,.side-card,.related-card,.reference-card,.product-card,
  .merchant-readiness-note,.ecosystem-shell,.ecosystem-card,.policy-article--professional,
  .policy-nav--professional,.policy-summary-card,.policy-definition,.policy-provider-card{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    filter:none!important;
    box-shadow:0 8px 22px rgba(22,56,68,.075)!important
  }
  img,.detail-media img,.gallery-card img,.service-card img,.product-card img{
    filter:none!important;
    transform:none
  }
  .hero::before,.hero::after,.policy-hero--professional::after,.ecosystem-shell::before,
  .ecosystem-shell::after{filter:none!important}

  body.menu-open{overflow:hidden!important;touch-action:none!important}
  body.menu-open .cc-banner,
  body.menu-open .sticky-mobile{visibility:hidden!important;pointer-events:none!important}
  header .nav{position:relative}
  body > .mobile-menu.mobile-menu--portal:not([hidden]){
    display:block!important;
    position:fixed!important;
    z-index:2147482500!important;
    top:var(--header-h)!important;
    left:0!important;right:0!important;bottom:0!important;
    width:100vw!important;
    height:auto!important;
    margin:0!important;
    padding:10px 12px max(14px,env(safe-area-inset-bottom))!important;
    overflow:hidden!important;
    isolation:isolate!important;
    touch-action:none!important;
    background:rgba(7,31,40,.48)!important;
    opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .18s ease,visibility 0s linear .22s
  }
  body > .mobile-menu.mobile-menu--portal:not([hidden]).is-open{
    opacity:1;visibility:visible;pointer-events:auto;
    transition:opacity .18s ease
  }
  body > .mobile-menu.mobile-menu--portal .mobile-menu-panel{
    width:min(100%,680px)!important;
    max-height:calc(100dvh - var(--header-h) - 24px)!important;
    margin:0 auto!important;
    position:relative!important;
    z-index:1!important;
    overflow:auto!important;
    pointer-events:auto!important;
    touch-action:pan-y!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    border-radius:20px!important;
    background:#fff!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    box-shadow:0 18px 46px rgba(14,47,58,.20)!important;
    transform:translate3d(0,-10px,0);
    opacity:.96;
    transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .18s ease;
    will-change:transform,opacity
  }
  body > .mobile-menu.mobile-menu--portal.is-open .mobile-menu-panel{transform:translate3d(0,0,0);opacity:1}
  body > .mobile-menu.mobile-menu--portal .mobile-menu-links a{background:#f2fafb!important;transition:background-color .15s ease,color .15s ease!important}
  body > .mobile-menu.mobile-menu--portal .mobile-menu-links a:hover{transform:none!important}
  .sticky-mobile{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 10px 28px rgba(14,47,58,.15)!important}
}

@media(max-width:520px){
  .container{width:min(calc(100% - 22px),var(--max))}
  .section-space{padding:46px 0!important}
  .btn{transition:background-color .15s ease,border-color .15s ease!important}
  .btn:hover{transform:none!important}
}

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