/* C101 Home Divider Removal 1.0.2 (2026-10-24; 1.0.2: cards-to-pills gap set equal to pills-to-products, 22px desktop / 16px phone). Homepage only, CSS only.
   1.0.0: the grid code module's 5px margin-top collapsed out of its white section and showed a
   5px strip of the light gray body background (#f9fafb); that strip stays gone.
   1.0.1: the visible white space from the bottom edge of the promo cards to the top edge of the
   pill row is cut to 8px (desktop/tablet) and 6px (phones <=767px). It used to be the sum of the
   promo banner's bottom padding (clamp(10px,1.2vw,18px); 8px on phones), the grid module's
   5px margin-top + 15px padding-top, and the filter bar's margin-top (8px; 4px on phones,
   !important, set by C101 Promo Banner 1.1.2). Those are all 0 now, and the white grid
   section's padding-top carries the whole gap. Pills, pills-to-products gap and grid unchanged. */
body.page-id-4706 section#c101pb-banner.c101pb{padding-bottom:0!important}
body.page-id-4706 .et_pb_section_1_tb_body{padding-top:22px}
body.page-id-4706 .et_pb_section_1_tb_body .et_pb_fullwidth_code_0_tb_body{margin-top:0;padding-top:0}
body.page-id-4706 .et_pb_fullwidth_code_0_tb_body #esg-grid-2-1-wrap .esg-filters{margin-top:0!important}
@media (max-width:767px){
  body.page-id-4706 .et_pb_section_1_tb_body{padding-top:16px}
}
/* 1.0.3: the grid section (.et_pb_section_1_tb_body) was already full-bleed (0/0, white, no radius);
   what looked inset was the category pill bar, a centered rounded capsule (879px wide by its content)
   plus the Sort By capsule, floating in the middle of the 30px-gutter content area. From 768px up the
   filter row now fills the full content width (the same 30px gutters as the promo cards and the
   products): the category bar grows to fill the row with its pills spread evenly, and the Sort By
   button takes the rest of the row (or the whole next row when it wraps). Flex only, no fixed widths,
   so it follows the window fluidly. Phones (<768px) already wrap the pills across the full width
   and are unchanged. The category bar may wrap to a second row when the window is too narrow
   for one (about 768-880px), instead of running off the right edge as it did before. Gaps above/below the pills (22/16) are unchanged. */
@media (min-width:768px){
  body.page-id-4706 #esg-grid-2-1-wrap .esg-filters{justify-content:flex-start!important;width:auto!important;max-width:none!important}
  body.page-id-4706 #esg-grid-2-1-wrap .esg-filters .esg-filter-wrapper{flex:10 1 auto!important;width:auto!important;max-width:100%!important;justify-content:space-evenly!important;flex-wrap:wrap!important;row-gap:4px!important}
  body.page-id-4706 #esg-grid-2-1-wrap .esg-filters .esg-sortbutton-wrapper{flex:1 0 auto!important;justify-content:center!important}
}