/* KITA APPAREL — Alignment Reset v1 */
:root{--ka-max:1180px;--ka-gutter:24px}

/* One shell for all custom KITA APPAREL pages */
.ka-site .ka-inner,
.ka-header .ka-inner,
.ka-footer .ka-inner{
  width:min(var(--ka-max),calc(100% - (var(--ka-gutter) * 2)))!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* Neutralize legacy Blocksy/WPCode width rules on the custom shell */
.ka-header .ka-header-inner,
.ka-footer .ka-footer-grid,
.ka-footer .ka-footer-bottom{
  width:min(var(--ka-max),calc(100% - (var(--ka-gutter) * 2)))!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Sections may remain full-bleed, but Hero follows the same 1180px body shell */
.ka-site .ka-section,
.ka-site .ka-cta,
.ka-site .ka-split-wrap{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
.ka-site .ka-hero{
  width:min(var(--ka-max),calc(100% - (var(--ka-gutter) * 2)))!important;
  max-width:var(--ka-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Homepage visual bands align to the common shell */
.ka-site .ka-macro-grid{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
.ka-site .ka-split-wrap{background:#fff}

/* QUALITY / DELIVERY: two story rows inside the 1180px shell */
.ka-site .ka-story-band{padding:88px 0!important}
.ka-site .ka-story-rows{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
}
.ka-site .ka-story-row{
  display:grid!important;
  grid-template-columns:minmax(0,42%) minmax(0,58%)!important;
  min-height:430px;
  border-top:1px solid var(--ka-line);
  background:#fff;
}
.ka-site .ka-story-row:last-child{border-bottom:1px solid var(--ka-line)}
.ka-site .ka-story-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:56px 56px 56px 0;
  min-width:0;
}
.ka-site .ka-story-copy h2{
  max-width:430px;
  font-size:clamp(34px,3.35vw,52px);
  line-height:1.18;
  letter-spacing:-.035em;
}
.ka-site .ka-story-copy>p:not(.ka-eyebrow){max-width:430px;margin-top:20px}
.ka-site .ka-story-media{min-width:0;overflow:hidden;background:#edf3f6}
.ka-site .ka-story-media img{display:block;width:100%;height:100%;min-height:430px;object-fit:cover}
.ka-site .ka-story-delivery .ka-story-copy{grid-column:2;padding:56px 0 56px 56px}
.ka-site .ka-story-delivery .ka-story-media{grid-column:1;grid-row:1}

/* Keep section heading, grids, cards and process blocks on the same left/right edge */
.ka-site .ka-section>.ka-inner,
.ka-site .ka-cta>.ka-inner,
.ka-site .ka-hero>.ka-inner{
  width:min(var(--ka-max),calc(100% - (var(--ka-gutter) * 2)))!important;
}

/* Hero copy sits slightly inside the Hero frame */
.ka-site .ka-hero>.ka-hero-copy{
  width:100%!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:48px!important;
  padding-right:48px!important;
}

/* Desktop header: logo on the left, navigation and CTA aligned to the right */
.ka-header .ka-header-inner{display:flex!important;align-items:center!important}
.ka-header .ka-desktop-nav{
  margin-left:auto!important;
  flex:0 1 auto!important;
  justify-content:flex-end!important;
}
.ka-header .ka-header-cta{margin-left:18px!important;flex:0 0 auto!important}

/* Prevent nested legacy containers from widening custom pages */
.ka-site .ct-container,
.ka-site .kita-page,
.ka-site .kita-pro,
.ka-site .kita-sub{
  max-width:none!important;
  width:auto!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* Default WordPress pages inherit the same shell instead of Blocksy's native page layout */
.ka-default-page .ka-default-page-inner{
  width:min(var(--ka-max),calc(100% - (var(--ka-gutter) * 2)))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.ka-default-page .ka-default-content>*{max-width:100%}
.ka-default-page .ka-default-content img{max-width:100%;height:auto}
.ka-default-page .kita-page{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  overflow:visible!important;
}
.ka-default-page .kita-page>*{
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
.ka-default-page .kita-hero{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:56px 0!important;
}
.ka-default-page .kita-section{
  padding:52px 0!important;
}
.ka-default-page .kita-cta{
  margin:0!important;
  padding:52px 0!important;
}

@media(max-width:999px){
  .ka-site .ka-story-band{padding:64px 0!important}
  .ka-site .ka-story-row{grid-template-columns:1fr!important;min-height:0}
  .ka-site .ka-story-copy,
  .ka-site .ka-story-delivery .ka-story-copy{
    grid-column:auto!important;
    grid-row:auto!important;
    padding:40px 0 34px!important;
  }
  .ka-site .ka-story-media,
  .ka-site .ka-story-delivery .ka-story-media{
    grid-column:auto!important;
    grid-row:auto!important;
  }
  .ka-site .ka-story-media img{min-height:0;aspect-ratio:16/9}
  .ka-site .ka-story-delivery .ka-story-copy{order:1}
  .ka-site .ka-story-delivery .ka-story-media{order:2}
}

@media(max-width:680px){
  :root{--ka-gutter:24px}
  .ka-site .ka-inner,
  .ka-header .ka-inner,
  .ka-footer .ka-inner,
  .ka-header .ka-header-inner,
  .ka-footer .ka-footer-grid,
  .ka-footer .ka-footer-bottom{
    width:calc(100% - 48px)!important;
  }
  .ka-site .ka-hero>.ka-hero-copy{
    width:100%!important;
    padding-left:24px!important;
    padding-right:24px!important;
  }
  .ka-site .ka-story-band{padding:48px 0!important}
  .ka-site .ka-story-copy,
  .ka-site .ka-story-delivery .ka-story-copy{padding:32px 0 28px!important}
  .ka-site .ka-story-copy h2{font-size:clamp(30px,9vw,40px);max-width:none}
}