/* ==========================================================================
 * Mangwao Storefront Child — v1.2.35 (PDP vertical rhythm ONLY)
 * Loads last (dependency: mangwao-134). Every rule below re-uses the exact
 * selector from mangwao-1.2.30.css (the stylesheet that actually renders
 * the PDP — mangwao.css itself is not enqueued), so load order + equal
 * specificity guarantee the override. Nothing here touches content, font
 * sizes, colours, the card, the header, the footer, or the newsletter.
 *
 * Why: on the live PDP the gaps between blocks were far roomier than
 * Blogger's compact post flow, so the page scrolled much longer than the
 * original. Each gap below is tightened, never crushed — every block keeps
 * at least ~60% of its old breathing room, and no block's own padding or
 * type size changes except where the gap IS the padding (tabs panel).
 * Measured from mangwao-1.2.30.css values; pixel savings are CSS-value
 * arithmetic, not a screen measurement.
 * ========================================================================== */

/* --- Buy-box rhythm (top of PDP) --------------------------------------- */
/* Breadcrumb: was margin 20px 0 (1.2.30 line 51) -> 16px 0. Saves 8px. */
.mg-crumb{margin:16px 0}

/* Short description: was margin 0 0 22px (line 95) -> 0 0 16px. Saves 6px. */
.single-product div.product .woocommerce-product-details__short-description{margin:0 0 16px}

/* "Why You'll Love It" box: was margin 18px 0, padding 16px 18px (line 128)
   -> margin 14px 0, padding 14px 16px. Saves 8px + 4px vertical. */
.mg-love{margin:14px 0;padding:14px 16px}

/* "Pay Securely" block: was margin 18px 0 (line 134) -> 14px 0. Saves 8px. */
.mg-paysecure{margin:14px 0}

/* Buy-box meta (SKU/Category/Tags line — the Tags line itself STAYS, it is
   Blogger's own): was padding-top 16px (line 120) -> 12px. Saves 4px. */
.single-product .product_meta{padding-top:12px}

/* Share line: was margin-top 14px (line 125) -> 10px. Saves 4px. */
.mg-share{margin-top:10px}

/* --- Tabs block (the biggest single gap) -------------------------------- */
/* Was margin 40px 0 50px (line 142) -> 24px 0 28px. Saves 38px. */
.single-product div.product .woocommerce-tabs{margin:24px 0 28px}

/* Tabs panel inner padding: was 28px all around (line 152) -> 18px.
   Saves 20px of vertical room inside the panel; text size/line-height
   untouched, so readability is unchanged. */
.single-product .woocommerce-Tabs-panel{padding:18px}

/* --- Related products --------------------------------------------------- */
/* Section: was margin 60px 0 20px (line 161) -> 32px 0 16px. Saves 32px. */
.single-product .related.products{margin:32px 0 16px}

/* Related heading: was margin 0 0 24px (line 162) -> 0 0 16px. Saves 8px.
   Font size, weight and centre alignment untouched. */
.single-product .related.products>h2,.single-product section.related>h2{margin-bottom:16px}

/* --- Mobile rhythm (same breakpoints 1.2.30.css already uses) ------------ */
@media(max-width:820px){
  /* Page bottom: div.product was padding 0 12px 40px (line 508) — only the
     bottom shrinks, 40px -> 24px. Saves 16px before the footer. */
  .single-product div.product{padding-bottom:24px}
  /* Gallery-to-summary gap: was margin 0 0 20px (line 512) -> 14px bottom.
     Saves 6px. Thumbnails themselves untouched. */
  .single-product div.product .woocommerce-product-gallery{margin-bottom:14px}
}
@media(max-width:768px){
  /* Tabs panel on phones: 28px -> 16px padding. Saves 24px vertical
     (vs the old mobile value); text size untouched. */
  .single-product .woocommerce-Tabs-panel{padding:16px}
}

/* --- Deliberately NOT touched -------------------------------------------
 * - Up-sells: no theme rule exists and the section only renders when a
 *   product actually has up-sells, so there is no measured gap to fix.
 * - Tab strip padding (12px 24px), gallery/thumbnail sizes, related grid
 *   gap, footer margin-top 35px: these are content/geometry, not empty
 *   space, and Blogger's own rhythm keeps them.
 * - The removed Tags block's old .mg-pdp-tags rules in mangwao-1.2.33.css
 *   are frozen and now match no element (the section no longer renders).
 */