/* RC10.58: Product Benefits can sit OUTSIDE the purchase panel without affecting WooCommerce forms.
 * Theme-only CSS. Desktop alignment follows the price card; mobile follows it in reading order.
 */
@media(min-width:861px){
  .gl-theme .woocommerce .product.gl-pdp-v1430 .gl-pdp-top.gl-pdp-benefits-below_card {
    grid-template-areas: "media summary" "description summary" ". benefits";
    grid-template-rows: auto auto auto;
  }
  .gl-theme .woocommerce .product.gl-pdp-v1430 .gl-pdp-top.gl-pdp-benefits-full_width {
    grid-template-areas: "media summary" "description summary" "benefits benefits";
    grid-template-rows: auto auto auto;
  }
}
.gl-theme .woocommerce .product.gl-pdp-v1430 .gl-pdp-benefits-standalone {
  grid-area: benefits;
  min-width: 0;
  align-self: start;
}
/* Prevent double separation: grid row-gap already separates the card from the benefits card. */
body.gl-official-product .gl-pdp-top .gl-pdp-benefits-standalone > .glpd-benefits-after-payment {
  margin-top: var(--gs-x-product_benefits-space_top, 0px);
  margin-bottom: var(--gs-x-product_benefits-space_bottom, 0px);
}
@media(max-width:860px){
  .gl-theme .woocommerce .product.gl-pdp-v1430 .gl-pdp-top.gl-pdp-benefits-below_card,
  .gl-theme .woocommerce .product.gl-pdp-v1430 .gl-pdp-top.gl-pdp-benefits-full_width {
    grid-template-columns:minmax(0,1fr);
    grid-template-areas: "media" "summary" "benefits" "description";
    grid-template-rows: auto;
  }
}

/* RC10.58 GAPFIX3: restore the original FULL-WIDTH Related products + Gift Cards.
   Keep purchase and description in independent natural-height columns: disabled
   sections do not allocate phantom grid tracks. Avoid overriding brand related-
   grid rules (five equal cards on desktop, native 3/2 responsive breakpoints). */
@media (min-width:861px) {
  .gl-theme .woocommerce .product.gl-pdp-v1430 .gl-pdp-top,
  .gl-theme .woocommerce .product.gl-pdp-v1430 .gl-pdp-top.gl-pdp-benefits-below_card {
    grid-template-areas:"left right";
    grid-template-rows:auto;
    align-items:start;
  }
  .gl-theme .woocommerce .product.gl-pdp-v1430 .gl-pdp-top.gl-pdp-benefits-full_width {
    grid-template-areas:"left right" "benefits benefits";
    grid-template-rows:auto auto;
    align-items:start;
  }
  .gl-theme .woocommerce .product.gl-pdp-v1430 .gl-pdp-left-column,
  .gl-theme .woocommerce .product.gl-pdp-v1430 .gl-pdp-right-column {
    display:flex;
    flex-direction:column;
    align-items:stretch;
    align-self:start;
    gap:24px;
    min-width:0;
  }
  .gl-theme .woocommerce .product.gl-pdp-v1430 .gl-pdp-left-column {grid-area:left;}
  .gl-theme .woocommerce .product.gl-pdp-v1430 .gl-pdp-right-column {grid-area:right;}
  .gl-theme .woocommerce .product.gl-pdp-v1430 .gl-pdp-right-column > .gl-pdp-summary {
    box-sizing:border-box;
    align-self:stretch;
    width:100%;
  }
  .gl-theme .woocommerce .product.gl-pdp-v1430 .gl-pdp-right-column > .gl-pdp-benefits-standalone {
    box-sizing:border-box;
    min-width:0;
    width:100%;
  }
}
@media (max-width:860px) {
  .gl-theme .woocommerce .product.gl-pdp-v1430 .gl-pdp-top,
  .gl-theme .woocommerce .product.gl-pdp-v1430 .gl-pdp-top.gl-pdp-benefits-below_card,
  .gl-theme .woocommerce .product.gl-pdp-v1430 .gl-pdp-top.gl-pdp-benefits-full_width {
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:20px;
  }
  /* Wrappers are layout-only. Restore the original order on narrow screens. */
  .gl-theme .woocommerce .product.gl-pdp-v1430 .gl-pdp-left-column,
  .gl-theme .woocommerce .product.gl-pdp-v1430 .gl-pdp-right-column {display:contents;}
  .gl-theme .woocommerce .product.gl-pdp-v1430 .gl-pdp-media {order:1;}
  .gl-theme .woocommerce .product.gl-pdp-v1430 .gl-pdp-summary {order:2;box-sizing:border-box;width:100%;align-self:stretch;}
  .gl-theme .woocommerce .product.gl-pdp-v1430 .gl-pdp-benefits-standalone {order:3;box-sizing:border-box;width:100%;align-self:stretch;}
  .gl-theme .woocommerce .product.gl-pdp-v1430 .gl-pdp-description {order:4;}
}

/* Account Access placement: original markup stays in the purchase panel on mobile.
   Only desktop can move the single section below the gallery; no duplicate markup. */
.gl-theme .woocommerce .product.gl-pdp-v1430 .gl-pdp-left-column > .gl-pdp-short-copy {
  box-sizing:border-box; width:100%; min-width:0; margin:0; align-self:stretch;
}