/* Cheepla Gadget Store Front v2.30.40
 * Full-width correction using the real roots emitted by v2.30.35 and the
 * Workreap/Elementor wrapper classes. This widens the page canvas as well as
 * the plugin content; it does not change marketplace logic or site chrome.
 */
:where(.gsf-vendor-dashboard,.gsf-vendor-form-shell,.gsf-vendor-centre-shell,
.gsf-vendor-policy-shell,.gsf-vendor-storefront,.gsf-wrap.gsf-storefront-main,
.gsf-wrap.gsf-wishlist-page,.gsf-wrap.gsf-compare-page,.cheepla-account-shell,
.cheepla-cart-shell,.cheepla-hubs-directory,.cheepla-hub-single){
  box-sizing:border-box!important;width:100%!important;max-width:none!important;
  min-width:0!important;margin-left:0!important;margin-right:0!important;
}
/* Expand only page-builder/theme wrappers that actually contain a Cheepla root. */
body:has(.gsf-vendor-dashboard) :is(.site-content,.content-area,.wr-content,.wr-main-section,.wr-content-holder,.tb-container,.container,.container-fluid,main,.content-wrapper,.page-content),
body:has(.gsf-vendor-form-shell) :is(.site-content,.content-area,.wr-content,.wr-main-section,.wr-content-holder,.tb-container,.container,.container-fluid,main,.content-wrapper,.page-content),
body:has(.gsf-vendor-centre-shell) :is(.site-content,.content-area,.wr-content,.wr-main-section,.wr-content-holder,.tb-container,.container,.container-fluid,main,.content-wrapper,.page-content),
body:has(.gsf-vendor-policy-shell) :is(.site-content,.content-area,.wr-content,.wr-main-section,.wr-content-holder,.tb-container,.container,.container-fluid,main,.content-wrapper,.page-content),
body:has(.gsf-vendor-storefront) :is(.site-content,.content-area,.wr-content,.wr-main-section,.wr-content-holder,.tb-container,.container,.container-fluid,main,.content-wrapper,.page-content),
body:has(.gsf-storefront-main) :is(.site-content,.content-area,.wr-content,.wr-main-section,.wr-content-holder,.tb-container,.container,.container-fluid,main,.content-wrapper,.page-content),
body:has(.gsf-wishlist-page) :is(.site-content,.content-area,.wr-content,.wr-main-section,.wr-content-holder,.tb-container,.container,.container-fluid,main,.content-wrapper,.page-content),
body:has(.gsf-compare-page) :is(.site-content,.content-area,.wr-content,.wr-main-section,.wr-content-holder,.tb-container,.container,.container-fluid,main,.content-wrapper,.page-content),
body:has(.cheepla-account-shell) :is(.site-content,.content-area,.wr-content,.wr-main-section,.wr-content-holder,.tb-container,.container,.container-fluid,main,.content-wrapper,.page-content),
body:has(.cheepla-cart-shell) :is(.site-content,.content-area,.wr-content,.wr-main-section,.wr-content-holder,.tb-container,.container,.container-fluid,main,.content-wrapper,.page-content),
body:has(.cheepla-hubs-directory) :is(.site-content,.content-area,.wr-content,.wr-main-section,.wr-content-holder,.tb-container,.container,.container-fluid,main,.content-wrapper,.page-content),
body:has(.cheepla-hub-single) :is(.site-content,.content-area,.wr-content,.wr-main-section,.wr-content-holder,.tb-container,.container,.container-fluid,main,.content-wrapper,.page-content){
  box-sizing:border-box!important;width:100%!important;max-width:none!important;
  min-width:0!important;margin-left:0!important;margin-right:0!important;
}
/* Elementor wrappers: widen the containing section/column only when it holds a Cheepla page root. */
body :is(.elementor-section,.elementor-container,.elementor-column,.elementor-widget-wrap,.elementor-widget-container,.e-con,.e-con-inner):has(.gsf-vendor-dashboard),
body :is(.elementor-section,.elementor-container,.elementor-column,.elementor-widget-wrap,.elementor-widget-container,.e-con,.e-con-inner):has(.gsf-vendor-form-shell),
body :is(.elementor-section,.elementor-container,.elementor-column,.elementor-widget-wrap,.elementor-widget-container,.e-con,.e-con-inner):has(.gsf-vendor-centre-shell),
body :is(.elementor-section,.elementor-container,.elementor-column,.elementor-widget-wrap,.elementor-widget-container,.e-con,.e-con-inner):has(.gsf-vendor-policy-shell),
body :is(.elementor-section,.elementor-container,.elementor-column,.elementor-widget-wrap,.elementor-widget-container,.e-con,.e-con-inner):has(.gsf-vendor-storefront),
body :is(.elementor-section,.elementor-container,.elementor-column,.elementor-widget-wrap,.elementor-widget-container,.e-con,.e-con-inner):has(.gsf-storefront-main),
body :is(.elementor-section,.elementor-container,.elementor-column,.elementor-widget-wrap,.elementor-widget-container,.e-con,.e-con-inner):has(.gsf-wishlist-page),
body :is(.elementor-section,.elementor-container,.elementor-column,.elementor-widget-wrap,.elementor-widget-container,.e-con,.e-con-inner):has(.gsf-compare-page),
body :is(.elementor-section,.elementor-container,.elementor-column,.elementor-widget-wrap,.elementor-widget-container,.e-con,.e-con-inner):has(.cheepla-account-shell),
body :is(.elementor-section,.elementor-container,.elementor-column,.elementor-widget-wrap,.elementor-widget-container,.e-con,.e-con-inner):has(.cheepla-cart-shell),
body :is(.elementor-section,.elementor-container,.elementor-column,.elementor-widget-wrap,.elementor-widget-container,.e-con,.e-con-inner):has(.cheepla-hubs-directory),
body :is(.elementor-section,.elementor-container,.elementor-column,.elementor-widget-wrap,.elementor-widget-container,.e-con,.e-con-inner):has(.cheepla-hub-single){
  width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;
}
/* Actual plugin roots from v2.30.35: remove their historical max-width caps. */
.gsf-vendor-dashboard.gsf-vendor-premium,
.gsf-vendor-form-shell,.gsf-vendor-centre-shell,.gsf-vendor-policy-shell,
.gsf-vendor-storefront,.gsf-wrap.gsf-storefront-main,
.gsf-wrap.gsf-wishlist-page,.gsf-wrap.gsf-compare-page,
.cheepla-account-shell,.cheepla-cart-shell,.cheepla-hubs-directory,.cheepla-hub-single{
  width:100%!important;max-width:none!important;min-width:0!important;
  position:relative!important;left:auto!important;right:auto!important;transform:none!important;
  margin-top:16px!important;margin-bottom:32px!important;box-sizing:border-box!important;
}
.gsf-vendor-dashboard.gsf-vendor-premium .gsf-vendor-shell,
.gsf-vendor-dashboard.gsf-vendor-premium .gsf-vendor-workspace,
.gsf-vendor-dashboard.gsf-vendor-premium .gsf-vendor-panel,
.gsf-vendor-dashboard.gsf-vendor-premium .gsf-vendor-topbar,
.gsf-vendor-form-shell .gsf-vendor-form,
.gsf-vendor-centre-shell .gsf-vendor-centre-grid,
.gsf-vendor-policy-shell .gsf-vendor-policy-grid,
.gsf-storefront-main .gsf-layout,.gsf-storefront-main .gsf-results,
.gsf-storefront-main #gsf-product-grid,.gsf-wishlist-page .gsf-wishlist-content,
.gsf-compare-page .gsf-compare-content,.cheepla-account-shell .cheepla-account-panel,
.cheepla-cart-shell .woocommerce,.cheepla-hubs-directory .cheepla-hubs-grid,
.cheepla-hub-single .cheepla-hub-single-card{
  width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;
}
/* Use the available page width while retaining comfortable edge gutters. */
.gsf-vendor-dashboard.gsf-vendor-premium,.gsf-vendor-form-shell,.gsf-vendor-centre-shell,
.gsf-vendor-policy-shell,.gsf-vendor-storefront,.gsf-storefront-main,
.gsf-wishlist-page,.gsf-compare-page,.cheepla-account-shell,.cheepla-cart-shell,
.cheepla-hubs-directory,.cheepla-hub-single{
  padding-left:clamp(12px,2vw,30px)!important;padding-right:clamp(12px,2vw,30px)!important;
}
.gsf-vendor-dashboard *, .gsf-vendor-form-shell *, .gsf-vendor-centre-shell *,
.gsf-vendor-policy-shell *, .gsf-vendor-storefront *, .gsf-storefront-main *,
.gsf-wishlist-page *, .gsf-compare-page *, .cheepla-account-shell *,
.cheepla-cart-shell *, .cheepla-hubs-directory *, .cheepla-hub-single *{box-sizing:border-box;min-width:0;}
.gsf-vendor-table-wrap,.gsf-vendor-placement-table-wrap,.gsf-compare-table-wrap{
  width:100%!important;max-width:100%!important;overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
.gsf-vendor-dashboard img,.gsf-vendor-storefront img,.gsf-storefront-main img,
.cheepla-hubs-directory img,.cheepla-hub-single img{max-width:100%!important;height:auto;}
@media(max-width:900px){
 .gsf-vendor-dashboard.gsf-vendor-premium,.gsf-vendor-form-shell,.gsf-vendor-centre-shell,
 .gsf-vendor-policy-shell,.gsf-vendor-storefront,.gsf-storefront-main,
 .gsf-wishlist-page,.gsf-compare-page,.cheepla-account-shell,.cheepla-cart-shell,
 .cheepla-hubs-directory,.cheepla-hub-single{margin-top:8px!important;margin-bottom:22px!important;padding-left:12px!important;padding-right:12px!important;}
 .gsf-vendor-dashboard.gsf-vendor-premium .gsf-vendor-workspace{padding-left:14px!important;padding-right:14px!important;}
}
@media(max-width:600px){
 .gsf-vendor-dashboard.gsf-vendor-premium,.gsf-vendor-form-shell,.gsf-vendor-centre-shell,
 .gsf-vendor-policy-shell,.gsf-vendor-storefront,.gsf-storefront-main,
 .gsf-wishlist-page,.gsf-compare-page,.cheepla-account-shell,.cheepla-cart-shell,
 .cheepla-hubs-directory,.cheepla-hub-single{padding-left:9px!important;padding-right:9px!important;}
 .gsf-vendor-dashboard.gsf-vendor-premium .gsf-vendor-workspace{padding-left:10px!important;padding-right:10px!important;}
}


/* Cheepla v2.30.40 — viewport breakout for constrained Workreap/page-builder columns.
   The Vendor Centre root was already width:100%, but its containing theme column
   is narrower than the phone viewport. Break out of that column while keeping
   a small, even viewport gutter. Scoped only to pages containing these roots. */
@media (max-width: 900px) {
  body:has(.gsf-vendor-centre-shell) .gsf-vendor-centre-shell,
  body:has(.gsf-vendor-policy-shell) .gsf-vendor-policy-shell,
  body:has(.gsf-vendor-form-shell) .gsf-vendor-form-shell {
    display: block !important;
    float: none !important;
    position: relative !important;
    inset-inline: auto !important;
    transform: none !important;
    box-sizing: border-box !important;
    width: calc(100vw - 24px) !important;
    min-width: 0 !important;
    max-width: none !important;
    margin-top: 12px !important;
    margin-right: 0 !important;
    margin-bottom: 24px !important;
    margin-left: calc(50% - 50vw + 12px) !important;
    padding: 14px !important;
  }
  body:has(.gsf-vendor-centre-shell) :is(
    #main, #primary, #content, .site-main, .site-content, .content-area,
    .page-content, .page-wrapper, .main-content, .main-section,
    .content-wrapper, .wr-content, .wr-content-holder, .wr-main-section,
    .wr-main-content, .wr-page-content, .wr-page-section,
    .tb-container, .tb-main, .container, .container-fluid, main
  ),
  body:has(.gsf-vendor-policy-shell) :is(
    #main, #primary, #content, .site-main, .site-content, .content-area,
    .page-content, .page-wrapper, .main-content, .main-section,
    .content-wrapper, .wr-content, .wr-content-holder, .wr-main-section,
    .wr-main-content, .wr-page-content, .wr-page-section,
    .tb-container, .tb-main, .container, .container-fluid, main
  ),
  body:has(.gsf-vendor-form-shell) :is(
    #main, #primary, #content, .site-main, .site-content, .content-area,
    .page-content, .page-wrapper, .main-content, .main-section,
    .content-wrapper, .wr-content, .wr-content-holder, .wr-main-section,
    .wr-main-content, .wr-page-content, .wr-page-section,
    .tb-container, .tb-main, .container, .container-fluid, main
  ) {
    box-sizing: border-box !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}
@media (max-width: 560px) {
  body:has(.gsf-vendor-centre-shell) .gsf-vendor-centre-shell,
  body:has(.gsf-vendor-policy-shell) .gsf-vendor-policy-shell,
  body:has(.gsf-vendor-form-shell) .gsf-vendor-form-shell {
    width: calc(100vw - 16px) !important;
    margin-left: calc(50% - 50vw + 8px) !important;
    padding: 12px !important;
    border-radius: 16px !important;
  }
}