/* jdtheme26 — HOME PAGE SECTION SPACING (2026-09-29)
   Operator: 「首頁每個大section區塊上下padding都要60px, 之後有新增也都是，例如"常見問題"上方padding要60px, 下方也要60px」.

   THE RULE   every big section of the home page has 60px of padding above and 60px below its content — at every window width.
   ONE NUMBER --jd-home-section-pad (below). Change it here and every section follows.
   This file is loaded AFTER the sections' own style sheets and wins over the padding they set (their old values: intro 100px, categories 40/32px,
   JUST DOG Originals 64px, store 96px, FAQ 20/60px; phones 48 / 32·24 / 48 / 64 / 10·40px).

   A NEW SECTION   either give its outer element the class  jd-home-section , or add its selector to the list below. Do not set padding-block in
                   the section's own style sheet. The last element inside a section must not bring a bottom margin of its own (see "inside" below).

   NOT part of the rule: the hero slider (full-bleed picture, no padding) and the footer.
   The vertical MARGIN of the .paper-band sections stays as it is (30px desktop / 18px phones) — the wavy edge needs that room, it is not padding. */

body.home { --jd-home-section-pad: 60px; }

body.home .jd-home-section,
body.home .jd-intro.paper-band,                 /* intro: JUST DOG + <h1> */
body.home .jd-catband.paper-band,               /* Shop by Category */
body.home .jd-member,                           /* 再買一次 / 為你的毛孩挑選 (logged-in customers only) */
body.home .jd-bandb.paper-band,                 /* JUST DOG Originals */
body.home .jd-visit.paper-band,                 /* store */
body.home .vc_row.jd-home-faq {                 /* 常見問題 */
  padding-block: var(--jd-home-section-pad);
}

/* inside: nothing may add to the 60px */
body.home .jd-member { margin-block: 0; }
body.home .vc_row.jd-home-faq .wd-accordion { margin-bottom: 0; }
body.home .jd-home-section > :last-child { margin-bottom: 0; }

/* ONE gap between a section's English line and its Chinese heading: 30px (operator 2026-09-30; was 8-10px, set per block).
   Every section heading (.jd-home-head) except the hero slides; Best Sellers keeps its English line absolutely placed above the heading
   (line 22px + 30px); the FAQ block's WoodMart title has its English line FAQ under the heading, whose box carries a 9px underline area. */
body.home .jd-home-head:not(.jd-hero__head) { row-gap: 30px; }
body.home .jd-bestsell .jd-bestsell__title { padding-top: 52px; }
body.home .jd-home-faq__title .title-subtitle { margin-top: 21px; }