/* French Elegance: measured spacing corrections only; no commerce/data changes. */
:root {
  --ui-space-section:64px;
  --ui-space-heading:24px;
  --ui-space-subtitle:8px;
  --ui-space-cards:18px;
  --ui-space-panel:24px;
  --ui-space-fields:16px;
  --ui-space-group:28px;
  --ui-space-edge:32px;
}
/* One page gutter, shared by the header, page and footer. */
.wrap {width:min(1424px,calc(100% - 2 * var(--ui-space-edge)))}
/* Section separation has one owner; the last section does not double the footer gap. */
.homePremium .section,
.pdpMockup > .section {margin-block:var(--ui-space-section)}
.pdpMockup > [id^="pdp-"] > .section {margin-top:var(--ui-space-section);margin-bottom:0}
.homeLayout > div > .section:last-child,
.pdpMockup > .section:last-child {margin-bottom:0}
.homePremium,
.inner,
.pdpMockup {padding-bottom:var(--ui-space-section)}
.inner > :last-child {margin-bottom:0}
.sectionHead {margin-bottom:var(--ui-space-heading)}
.sectionHead h2 {margin:0}
.sectionHead:has(+ .homeSectionNote) {margin-bottom:var(--ui-space-subtitle)}
.homeSectionNote {margin:0 0 var(--ui-space-heading)}
.homeV3Heading {margin-bottom:var(--ui-space-heading)}
.homeV3Heading h2 {margin-bottom:var(--ui-space-subtitle)}
.grid.productGrid {gap:var(--ui-space-cards)}
/* Catalog title/subtitle and breadcrumb/layout avoid two accumulated margins. */
.catalogResults > h1 {margin-bottom:var(--ui-space-subtitle)}
.catalogResults > p {margin-bottom:var(--ui-space-heading)}
.catalogLayout {margin-top:0}
.catalogPages {margin-top:var(--ui-space-heading);margin-bottom:0}
/* Keep the purchase cluster compact; give the information heading its own gap. */
.pdpMockup .productSummary h1 {margin-bottom:var(--ui-space-subtitle)}
.pdpMockup .productFacts {margin-top:var(--ui-space-group)}
.pdpMockup .productFacts h2 {margin-bottom:var(--ui-space-heading)}
/* Prevent the order summary stretching to the delivery form's height. */
.checkoutV2Grid {align-items:start}
.checkoutFields {gap:var(--ui-space-fields)}
.checkoutBox {padding:16px var(--ui-space-panel);margin-bottom:var(--ui-space-group)}
.checkoutBox:last-child {margin-bottom:0}
.checkoutIntro h1 {margin-bottom:var(--ui-space-subtitle)}
.cartSummary h2 {margin-bottom:var(--ui-space-heading)}
.cartBenefits {margin-top:var(--ui-space-group)}
/* Remove the title/banner negative offset; retain the approved sidebar and cards. */
.accountDashboardV3 .accountPageIntro {margin-top:0}
.accountDashboardV3 > h1 {margin-bottom:var(--ui-space-subtitle)}
.accountDashboardV3 .accountStats {gap:var(--ui-space-cards);margin-bottom:var(--ui-space-group)}
.accountDashboardV3 .accountOverview {margin-bottom:var(--ui-space-group)}
.accountAccessCard {padding:var(--ui-space-panel)}
#accountAccessForm {gap:var(--ui-space-fields)}
/* Collapsed FAQ panels need just one consistent inter-item margin. */
.faqGroup details {margin-block:12px}
.faqGroup details p:last-child {margin-bottom:0}
.footerV3 .footerNewsletterCompact {padding:var(--ui-space-panel)}
@media(max-width:768px) {
  :root {
    --ui-space-section:40px;
    --ui-space-heading:18px;
    --ui-space-cards:12px;
    --ui-space-panel:16px;
    --ui-space-fields:14px;
    --ui-space-group:22px;
    --ui-space-edge:16px;
  }
  .homeLayout {margin-top:16px}
  .checkoutBox {padding:14px var(--ui-space-panel)}
  .accountDashboardV3 .accountStats .panel {padding:var(--ui-space-panel)}
}