/* KREEYAA MOBILE FIX V4 - loaded AFTER theme CSS */
html{overflow-x:hidden!important;max-width:100%!important}
body{overflow-x:hidden!important;max-width:100%!important;width:100%!important;min-width:0!important}

@media (max-width:1023px){
  /* Header */
  body header.sticky{position:sticky!important;top:0!important;left:0!important;width:100%!important;z-index:999999!important}
  body header.sticky > .shell{width:100%!important;max-width:none!important;height:68px!important;min-height:68px!important;padding:0 16px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;overflow:visible!important}
  body header.sticky > .shell > a:first-child{display:flex!important;align-items:center!important;flex:1 1 auto!important;min-width:0!important}
  body header.sticky .brand-mark{display:flex!important;align-items:center!important;flex:0 0 auto!important}
  body header.sticky .brand-mark img{display:block!important;width:44px!important;height:auto!important;max-height:50px!important;object-fit:contain!important}
  body header.sticky > .shell > a:first-child > .text-xl{display:block!important;font-size:18px!important;line-height:1.2!important;white-space:nowrap!important}

  /* Desktop nav OFF */
  body header.sticky nav.desktop-primary-nav{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;width:0!important;overflow:hidden!important}

  /* Hamburger ALWAYS ON */
  body header.sticky #kreeyaa-mobile-toggle{display:flex!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:1000001!important;flex:0 0 46px!important;width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;padding:0!important;margin:0!important;border:2px solid currentColor!important;border-radius:7px!important;background:transparent!important;color:inherit!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important;cursor:pointer!important;pointer-events:auto!important;-webkit-appearance:none!important;appearance:none!important}
  body header.sticky #kreeyaa-mobile-toggle span{display:block!important;position:relative!important;width:21px!important;height:2px!important;min-width:21px!important;min-height:2px!important;margin:0!important;padding:0!important;background:currentColor!important;border:0!important;opacity:1!important;transform:none!important}
  body header.sticky #kreeyaa-mobile-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)!important}
  body header.sticky #kreeyaa-mobile-toggle[aria-expanded="true"] span:nth-child(2){opacity:0!important}
  body header.sticky #kreeyaa-mobile-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}

  /* Mobile navigation - fixed to viewport, outside layout flow */
  body header.sticky #kreeyaa-mobile-nav{display:none!important;position:fixed!important;top:68px!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;max-width:100vw!important;height:calc(100dvh - 68px)!important;max-height:calc(100dvh - 68px)!important;margin:0!important;padding:0!important;background:#fff!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;z-index:1000000!important;transform:none!important}
  body header.sticky #kreeyaa-mobile-nav.is-open{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
  body header.sticky #kreeyaa-mobile-nav .mobile-nav-inner{display:block!important;width:100%!important;max-width:none!important;min-height:100%!important;margin:0!important;padding:12px 16px 40px!important;background:#fff!important}
  body header.sticky #kreeyaa-mobile-nav a{display:flex!important;align-items:center!important;width:100%!important;max-width:100%!important;min-height:50px!important;padding:13px 4px!important;margin:0!important;color:#111!important;background:transparent!important;font-size:15px!important;font-weight:700!important;line-height:1.35!important;text-decoration:none!important;white-space:normal!important;overflow-wrap:anywhere!important}
  body header.sticky #kreeyaa-mobile-nav details{display:block!important;width:100%!important;margin:0!important;padding:0!important;border-bottom:1px solid #e5e7eb!important}
  body header.sticky #kreeyaa-mobile-nav summary{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:52px!important;padding:13px 4px!important;color:#111!important;font-size:15px!important;font-weight:800!important;cursor:pointer!important;list-style:none!important}
  body header.sticky #kreeyaa-mobile-nav summary::-webkit-details-marker{display:none!important}
  body header.sticky #kreeyaa-mobile-nav summary:after{content:'+'!important;font-size:24px!important;font-weight:400!important;line-height:1!important}
  body header.sticky #kreeyaa-mobile-nav details[open] summary:after{content:'−'!important}
  body header.sticky #kreeyaa-mobile-nav details > a{padding-left:20px!important;color:#4b5563!important;font-size:14px!important;font-weight:600!important;border-top:1px solid #f0f0f0!important}
  body header.sticky #kreeyaa-mobile-nav .mobile-talk{display:flex!important;justify-content:center!important;margin-top:16px!important;padding:14px 18px!important;background:#111!important;color:#fff!important;border:0!important}
  html.kreeyaa-menu-open,html.kreeyaa-menu-open body,body.kreeyaa-menu-open{overflow:hidden!important}

  /* Prevent common Tailwind layouts from overflowing */
  body main,body footer,body section,body article,body .section,body .page-section{max-width:100%!important;min-width:0!important}
  body .grid{min-width:0!important;max-width:100%!important}
  body .grid[class*="grid-cols-"]{grid-template-columns:minmax(0,1fr)!important}
  body .flex{min-width:0!important}
  body img,body video,body iframe,body canvas,body svg{max-width:100%!important}
  body img,body video{height:auto!important}
  body .shell{width:100%!important;max-width:100%!important;min-width:0!important;padding-left:16px!important;padding-right:16px!important}
  body .overflow-x-auto{max-width:100%!important;overflow-x:auto!important}
  body h1,body h2,body h3,body h4,body h5,body h6,body p,body li{max-width:100%!important;overflow-wrap:anywhere!important;word-break:normal!important}
  body h1{font-size:clamp(30px,8vw,52px)!important;line-height:1.08!important}
  body h2{font-size:clamp(24px,7vw,40px)!important;line-height:1.12!important}
  body .btn{max-width:100%!important;white-space:normal!important}
  body table{max-width:100%!important}
}

@media (max-width:767px){
  body header.sticky > .shell{height:64px!important;min-height:64px!important;padding-left:12px!important;padding-right:12px!important}
  body header.sticky #kreeyaa-mobile-toggle{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
  body header.sticky #kreeyaa-mobile-nav{top:64px!important;height:calc(100dvh - 64px)!important;max-height:calc(100dvh - 64px)!important}
  body header.sticky #kreeyaa-mobile-nav .mobile-nav-inner{padding-left:12px!important;padding-right:12px!important}
  body .shell{padding-left:12px!important;padding-right:12px!important}
}

@media (min-width:1024px){
  body header.sticky #kreeyaa-mobile-toggle,body header.sticky #kreeyaa-mobile-nav{display:none!important}
}
