/* BUZZRI v2.2.7 — desktop-only viewport centering.
 * Mobile/tablet (<1024px) intentionally unchanged.
 */
@media (min-width:1024px) {
  /* SWELL can reserve an article/sidebar lane even when BUZZRI renders a full storefront.
     Collapse that shell only on pages that actually contain the BUZZRI home component. */
  body:has(.buzzri-home-v020) #content,
  body:has(.buzzri-home-v020) .l-content,
  body:has(.buzzri-home-v020) .l-container,
  body:has(.buzzri-home-v020) .l-content__body,
  body:has(.buzzri-home-v020) .l-mainContent,
  body:has(.buzzri-home-v020) .l-mainContent__inner,
  body:has(.buzzri-home-v020) .post_content,
  body:has(.buzzri-home-v020) .c-postContent,
  body:has(.buzzri-home-v020) article,
  body:has(.buzzri-home-v020) .p-articleThumb,
  body:has(.buzzri-home-v020) .p-articleContent {
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }

  body:has(.buzzri-home-v020) .l-content,
  body:has(.buzzri-home-v020) .l-content__body {
    display:block !important;
  }

  body:has(.buzzri-home-v020) .l-mainContent {
    flex:0 0 100% !important;
  }

  body:has(.buzzri-home-v020) .l-sidebar,
  body:has(.buzzri-home-v020) #sidebar {
    display:none !important;
  }

  /* The storefront itself owns the full available row. */
  body:has(.buzzri-home-v020) .buzzri-home-v020 {
    display:block !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    position:relative !important;
    left:auto !important;
    right:auto !important;
    box-sizing:border-box !important;
  }

  /* One shared center line for every home section. */
  body:has(.buzzri-home-v020) .buzzri-home-v020 > section {
    width:min(1320px, calc(100vw - 96px)) !important;
    max-width:1320px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box !important;
  }

  body:has(.buzzri-home-v020) .buzzri-home-v020 .buzzri-home-hero {
    width:min(1320px, calc(100vw - 96px)) !important;
    max-width:1320px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    min-height:610px !important;
    padding:60px 64px !important;
    border-radius:30px !important;
    background-position:68% center !important;
    box-sizing:border-box !important;
  }

  /* Keep inner content aligned with the hero's left/right edge rather than a legacy article width. */
  body:has(.buzzri-home-v020) .buzzri-home-v020 .buzzri-home-section {
    max-width:1320px !important;
  }

  body:has(.buzzri-home-v020) .buzzri-home-v020 .buzzri-home-sns,
  body:has(.buzzri-home-v020) .buzzri-home-v020 .buzzri-home-popular,
  body:has(.buzzri-home-v020) .buzzri-home-v020 .buzzri-home-reasons,
  body:has(.buzzri-home-v020) .buzzri-home-v020 .buzzri-home-how,
  body:has(.buzzri-home-v020) .buzzri-home-v020 .buzzri-home-reviews,
  body:has(.buzzri-home-v020) .buzzri-home-v020 .buzzri-home-faq,
  body:has(.buzzri-home-v020) .buzzri-home-v020 .buzzri-home-final {
    padding-left:0 !important;
    padding-right:0 !important;
  }

  /* Header and footer use the same desktop center width. */
  .buzzri-site-header-inner,
  .buzzri-global-footer-inner {
    width:min(1320px, calc(100vw - 96px)) !important;
    max-width:1320px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box !important;
  }
}

@media (min-width:1024px) and (max-width:1180px) {
  body:has(.buzzri-home-v020) .buzzri-home-v020 > section,
  body:has(.buzzri-home-v020) .buzzri-home-v020 .buzzri-home-hero,
  .buzzri-site-header-inner,
  .buzzri-global-footer-inner {
    width:calc(100vw - 48px) !important;
  }
  body:has(.buzzri-home-v020) .buzzri-home-v020 .buzzri-home-hero {
    padding:50px 42px !important;
  }
}


/* v2.8.12 — Services catalog gets the same full-width desktop storefront lane as Home. */
@media (min-width:1024px) {
  /* SWELL's normal article width was squeezing the service grid into the left side.
     Only on pages that actually render the Services catalog, collapse the article/sidebar shell. */
  body:has(.buzzri-shop) #content,
  body:has(.buzzri-shop) .l-content,
  body:has(.buzzri-shop) .l-container,
  body:has(.buzzri-shop) .l-content__body,
  body:has(.buzzri-shop) .l-mainContent,
  body:has(.buzzri-shop) .l-mainContent__inner,
  body:has(.buzzri-shop) .post_content,
  body:has(.buzzri-shop) .c-postContent,
  body:has(.buzzri-shop) article,
  body:has(.buzzri-shop) .p-articleThumb,
  body:has(.buzzri-shop) .p-articleContent {
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }

  body:has(.buzzri-shop) .l-content,
  body:has(.buzzri-shop) .l-content__body {
    display:block !important;
  }

  body:has(.buzzri-shop) .l-mainContent {
    flex:0 0 100% !important;
  }

  body:has(.buzzri-shop) .l-sidebar,
  body:has(.buzzri-shop) #sidebar {
    display:none !important;
  }

  /* Match the Home storefront's center line and usable width. */
  body:has(.buzzri-shop) .buzzri-shop {
    display:block !important;
    width:min(1320px, calc(100vw - 96px)) !important;
    max-width:1320px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box !important;
    transform:none !important;
    left:auto !important;
    right:auto !important;
  }
}

@media (min-width:1024px) and (max-width:1180px) {
  body:has(.buzzri-shop) .buzzri-shop {
    width:calc(100vw - 48px) !important;
  }
}