/* Chăm Xe M5 Layout — bounded section controls.
   No layout data => .cx-cms-block-shell remains display:contents via effects CSS. */
.cx-cms-block-shell[data-cms-layout-active="1"]{
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
  width:100%;
  min-width:0;
}
.cx-cms-block-shell[data-cms-layout-active="1"]>*{
  box-sizing:border-box;
  max-width:100%;
}

/* Section width */
.cx-cms-block-shell[data-layout-width="full"]{width:100%;max-width:none}
.cx-cms-block-shell[data-layout-width="container"]{width:min(100%,1440px);margin-inline:auto}
.cx-cms-block-shell[data-layout-width="narrow"]{width:min(100%,960px);margin-inline:auto}

/* Optional hard max width */
.cx-cms-block-shell[data-layout-max-width="1600"]{max-width:1600px;margin-inline:auto}
.cx-cms-block-shell[data-layout-max-width="1440"]{max-width:1440px;margin-inline:auto}
.cx-cms-block-shell[data-layout-max-width="1200"]{max-width:1200px;margin-inline:auto}
.cx-cms-block-shell[data-layout-max-width="960"]{max-width:960px;margin-inline:auto}
.cx-cms-block-shell[data-layout-max-width="760"]{max-width:760px;margin-inline:auto}

/* First rendered block root width */
.cx-cms-block-shell[data-layout-content-width="100"]>:first-child{width:100%!important}
.cx-cms-block-shell[data-layout-content-width="75"]>:first-child{width:75%!important}
.cx-cms-block-shell[data-layout-content-width="66"]>:first-child{width:66.6667%!important}
.cx-cms-block-shell[data-layout-content-width="50"]>:first-child{width:50%!important}

/* Minimum height */
.cx-cms-block-shell[data-layout-min-height="320"]{min-height:320px}
.cx-cms-block-shell[data-layout-min-height="480"]{min-height:480px}
.cx-cms-block-shell[data-layout-min-height="640"]{min-height:640px}
.cx-cms-block-shell[data-layout-min-height="screen"]{min-height:100vh}

/* Outer alignment / vertical placement */
.cx-cms-block-shell[data-layout-align="start"]{align-items:flex-start}
.cx-cms-block-shell[data-layout-align="center"]{align-items:center}
.cx-cms-block-shell[data-layout-align="end"]{align-items:flex-end}
.cx-cms-block-shell[data-layout-align="stretch"]{align-items:stretch}
.cx-cms-block-shell[data-layout-justify="start"]{justify-content:flex-start}
.cx-cms-block-shell[data-layout-justify="center"]{justify-content:center}
.cx-cms-block-shell[data-layout-justify="end"]{justify-content:flex-end}

/* Token spacing */
.cx-cms-block-shell[data-layout-padding-top="0"]{padding-top:0}
.cx-cms-block-shell[data-layout-padding-top="xs"]{padding-top:.75rem}
.cx-cms-block-shell[data-layout-padding-top="s"]{padding-top:1.5rem}
.cx-cms-block-shell[data-layout-padding-top="m"]{padding-top:3rem}
.cx-cms-block-shell[data-layout-padding-top="l"]{padding-top:5rem}
.cx-cms-block-shell[data-layout-padding-top="xl"]{padding-top:8rem}
.cx-cms-block-shell[data-layout-padding-top="2xl"]{padding-top:12rem}
.cx-cms-block-shell[data-layout-padding-bottom="0"]{padding-bottom:0}
.cx-cms-block-shell[data-layout-padding-bottom="xs"]{padding-bottom:.75rem}
.cx-cms-block-shell[data-layout-padding-bottom="s"]{padding-bottom:1.5rem}
.cx-cms-block-shell[data-layout-padding-bottom="m"]{padding-bottom:3rem}
.cx-cms-block-shell[data-layout-padding-bottom="l"]{padding-bottom:5rem}
.cx-cms-block-shell[data-layout-padding-bottom="xl"]{padding-bottom:8rem}
.cx-cms-block-shell[data-layout-padding-bottom="2xl"]{padding-bottom:12rem}
.cx-cms-block-shell[data-layout-margin-top="0"]{margin-top:0}
.cx-cms-block-shell[data-layout-margin-top="xs"]{margin-top:.75rem}
.cx-cms-block-shell[data-layout-margin-top="s"]{margin-top:1.5rem}
.cx-cms-block-shell[data-layout-margin-top="m"]{margin-top:3rem}
.cx-cms-block-shell[data-layout-margin-top="l"]{margin-top:5rem}
.cx-cms-block-shell[data-layout-margin-top="xl"]{margin-top:8rem}
.cx-cms-block-shell[data-layout-margin-top="2xl"]{margin-top:12rem}
.cx-cms-block-shell[data-layout-margin-bottom="0"]{margin-bottom:0}
.cx-cms-block-shell[data-layout-margin-bottom="xs"]{margin-bottom:.75rem}
.cx-cms-block-shell[data-layout-margin-bottom="s"]{margin-bottom:1.5rem}
.cx-cms-block-shell[data-layout-margin-bottom="m"]{margin-bottom:3rem}
.cx-cms-block-shell[data-layout-margin-bottom="l"]{margin-bottom:5rem}
.cx-cms-block-shell[data-layout-margin-bottom="xl"]{margin-bottom:8rem}
.cx-cms-block-shell[data-layout-margin-bottom="2xl"]{margin-bottom:12rem}

/* Internal layout target: only annotated blocks expose these controls. */
.cx-cms-block-shell[data-layout-direction="row"] [data-cms-layout-content]{
  display:flex!important;
  flex-direction:row!important;
}
.cx-cms-block-shell[data-layout-direction="column"] [data-cms-layout-content]{
  display:flex!important;
  flex-direction:column!important;
}
.cx-cms-block-shell[data-layout-gap="0"] [data-cms-layout-content]{gap:0!important}
.cx-cms-block-shell[data-layout-gap="xs"] [data-cms-layout-content]{gap:.75rem!important}
.cx-cms-block-shell[data-layout-gap="s"] [data-cms-layout-content]{gap:1.5rem!important}
.cx-cms-block-shell[data-layout-gap="m"] [data-cms-layout-content]{gap:3rem!important}
.cx-cms-block-shell[data-layout-gap="l"] [data-cms-layout-content]{gap:5rem!important}
.cx-cms-block-shell[data-layout-gap="xl"] [data-cms-layout-content]{gap:8rem!important}

@media(max-width:767px){
  .cx-cms-block-shell[data-cms-layout-active="1"][data-layout-content-width="75"]>:first-child,
  .cx-cms-block-shell[data-cms-layout-active="1"][data-layout-content-width="66"]>:first-child,
  .cx-cms-block-shell[data-cms-layout-active="1"][data-layout-content-width="50"]>:first-child{
    max-width:100%;
  }
}