/* catseo.css - category intro position. Source: C/dc_cfg/assets/catseo.css.
   One switch: the data-pos attribute on the intro element in each viewCatLoad.tpl.
     phone-bottom  intro below the product grid on phones, unchanged on desktop (default)
   Phones = max-width:768px, the templates' own breakpoint. One DOM node, no duplicated text.
   The intro keeps its own :empty{display:none}; nothing here sets display on it.
   Specificity 0,3,0 beats each template's inline <style> (declared in the body). */
@media (max-width:768px){
  /* DCN / BD / CSN: the intro lives inside <header>. The header stops generating a box so its
     children join the wrapper's column; its 22px bottom margin moves onto the count row. */
  .dc-page.dc-cat .dc-wrap,
  .bd-page.bd-cat .bd-wrap,
  .cs-page.cs-cat .cs-wrap{display:flex;flex-direction:column}
  .dc-page.dc-cat .dc-cathd,
  .bd-page.bd-cat .bd-cathd,
  .cs-page.cs-cat .cs-cathd{display:contents}
  .dc-page.dc-cat .dc-cathd__m,
  .bd-page.bd-cat .bd-cathd__m,
  .cs-page.cs-cat .cs-cathd__m{margin-bottom:22px}
  .dc-page.dc-cat .dc-catdesc[data-pos="phone-bottom"]{order:9;margin-top:38px;padding-top:26px;border-top:1px solid var(--dc-line)}
  .bd-page.bd-cat .bd-catdesc[data-pos="phone-bottom"]{order:9;margin-top:38px;padding-top:26px;border-top:1px solid var(--bd-line)}
  .cs-page.cs-cat .cs-catdesc[data-pos="phone-bottom"]{order:9;margin-top:38px;padding-top:26px;border-top:1px solid var(--cs-line)}
  /* CO2: the intro is already a sibling of the grid sections. */
  .c2-scope.c2-cat{display:flex;flex-direction:column}
  .c2-scope.c2-cat .c2-catintro[data-pos="phone-bottom"]{order:9;margin:24px 0 0}
}