/* ChaloKaamPe R146 — homepage fluid desktop shell.
   Presentation only. Keeps mobile/tablet behavior separate and does not alter business flows. */

/* Laptop / desktop: use the actual viewport with only safe edge gutters. */
@media (min-width:901px){
  body.public-home-body>.topbar{
    width:100%!important;
    max-width:none!important;
    padding-left:clamp(16px,1.5vw,36px)!important;
    padding-right:clamp(16px,1.5vw,36px)!important;
  }

  body.public-home-body>.container{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }

  body.public-home-body .ckp-home-wrap{
    width:calc(100% - clamp(32px,3vw,72px))!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  body.public-home-body .ckp-home-hero-grid{
    grid-template-columns:minmax(0,1.04fr) minmax(440px,.96fr)!important;
    gap:clamp(28px,4vw,78px)!important;
    width:100%!important;
  }

  body.public-home-body .ckp-home-hero-copy{
    width:100%!important;
    max-width:none!important;
  }

  body.public-home-body .ckp-home-hero h1{
    max-width:min(900px,100%)!important;
  }

  body.public-home-body .ckp-home-hero-lead{
    max-width:min(790px,100%)!important;
  }

  body.public-home-body .ckp-home-warning{
    max-width:min(760px,100%)!important;
  }

  body.public-home-body .ckp-home-visual{
    width:100%!important;
    max-width:none!important;
    margin-inline:auto!important;
  }

  body.public-home-body .ckp-home-metrics,
  body.public-home-body .ckp-home-role-grid,
  body.public-home-body .ckp-home-step-grid,
  body.public-home-body .ckp-home-module-grid,
  body.public-home-body .ckp-home-jobs-grid,
  body.public-home-body .ckp-home-safety,
  body.public-home-body .ckp-home-organic-grid{
    width:100%!important;
    max-width:none!important;
  }

  body.public-home-body>.footer{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding-left:clamp(16px,1.5vw,36px)!important;
    padding-right:clamp(16px,1.5vw,36px)!important;
  }
}

/* Typical laptops: almost edge-to-edge, but retain enough breathing room. */
@media (min-width:901px) and (max-width:1440px){
  body.public-home-body .ckp-home-wrap{
    width:calc(100% - 32px)!important;
  }
  body.public-home-body>.topbar,
  body.public-home-body>.footer{
    padding-left:16px!important;
    padding-right:16px!important;
  }
}

/* Very wide displays: scale the hero content instead of leaving dead columns. */
@media (min-width:1600px){
  body.public-home-body .ckp-home-hero h1{
    font-size:clamp(64px,4.6vw,90px)!important;
    max-width:980px!important;
  }
  body.public-home-body .ckp-home-hero-lead{
    font-size:20px!important;
    max-width:840px!important;
  }
  body.public-home-body .ckp-home-visual{min-height:640px!important}
  body.public-home-body .ckp-home-role-card{padding:34px!important}
}

/* Tablet/mobile remain device-width and never inherit desktop expansion. */
@media (max-width:900px){
  body.public-home-body>.container{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  body.public-home-body .ckp-home-wrap{
    width:min(calc(100% - 24px),760px)!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

@media (max-width:650px){
  body.public-home-body .ckp-home-wrap{
    width:calc(100% - 24px)!important;
    max-width:none!important;
  }
}

@media (max-width:420px){
  body.public-home-body .ckp-home-wrap{
    width:calc(100% - 18px)!important;
  }
}