/* Body Wave 01: additive tactile visual language. Product Experience V1 remains authoritative. */
.px-page[data-product-id^="body-"]{
  --body-ink:#163d35;
  --body-gold:#b78946;
  --body-clay:#b9927f;
  --body-sand:#e9dfd1;
}
.px-page[data-product-id^="body-"] .px-hero{
  background:
    radial-gradient(ellipse at 84% 15%,rgba(183,137,70,.2),transparent 29%),
    radial-gradient(ellipse at 67% 88%,rgba(174,130,112,.2),transparent 35%),
    linear-gradient(128deg,#f8f3e9 0%,#eadfd3 58%,#e2d4c7 100%);
}
.px-page[data-product-id^="body-"] .px-hero:after{
  content:"";position:absolute;right:-4%;top:2%;width:51%;height:94%;pointer-events:none;opacity:.32;
  background:
    radial-gradient(ellipse at 48% 50%,transparent 0 29%,rgba(255,250,240,.52) 30% 30.7%,transparent 31.5%),
    radial-gradient(ellipse at 59% 53%,transparent 0 43%,rgba(151,108,88,.19) 44% 44.6%,transparent 45.3%);
  transform:rotate(-8deg);
  mask-image:linear-gradient(90deg,transparent,#000 24%,#000 78%,transparent);
}
.px-page[data-product-id^="body-"] .px-hero-copy{border-left-color:rgba(183,137,70,.72)}
.px-page[data-product-id^="body-"] .px-editorial-accent{color:#966b39}
.px-page[data-product-id^="body-"] .px-hero-visual>figure{
  border-radius:46% 46% 5px 5px / 14% 14% 5px 5px;
  box-shadow:0 42px 84px rgba(55,45,36,.2),0 10px 28px rgba(64,43,32,.09);
}
.px-page[data-product-id^="body-"] .px-hero-visual>figure:after{
  box-shadow:inset 0 0 0 1px rgba(255,249,239,.66),inset 0 -120px 130px rgba(35,53,42,.21);
}
.px-page[data-product-id^="body-"] .px-direction{background:linear-gradient(180deg,#faf7f0,#eee7de)}
.px-page[data-product-id^="body-"] .px-direction-stage{background:linear-gradient(114deg,rgba(183,146,127,.17),rgba(255,255,255,.22) 58%,rgba(181,133,62,.08))}
.px-page[data-product-id^="body-"] .px-texture{background:radial-gradient(circle at 13% 77%,rgba(255,255,255,.68),transparent 31%),linear-gradient(135deg,#eee5db,#ddcec1)}
.px-page[data-product-id^="body-"] .px-texture-media{box-shadow:0 35px 80px rgba(72,48,36,.18)}
.px-page[data-product-id^="body-"] .px-formula,
.px-page[data-product-id^="body-"] .px-process{background:radial-gradient(circle at 77% 18%,rgba(194,148,78,.16),transparent 27%),linear-gradient(135deg,#13372f,#08231e)}
.px-page[data-product-id^="body-"] .px-product-packaging{background:#faf7f0}
.px-page[data-product-id^="body-"] .px-starting{background:#ebe3d9}
.px-page[data-product-id^="body-"] .px-related{background:#e9e0d5}

[data-product-id="body-body-wash"] .px-hero{background:radial-gradient(circle at 81% 16%,rgba(65,119,102,.27),transparent 30%),linear-gradient(128deg,#f6f4ea,#dce7df)}
[data-product-id="body-body-wash"] .px-hero-visual>figure img{object-position:center 52%;filter:saturate(.84) contrast(1.04)}
[data-product-id="body-body-wash"] .px-texture{background:radial-gradient(circle at 15% 75%,rgba(255,255,255,.7),transparent 31%),linear-gradient(135deg,#e5ebe4,#cad9d1)}
[data-product-id="body-body-lotion"] .px-hero{background:radial-gradient(circle at 82% 16%,rgba(198,149,145,.25),transparent 29%),linear-gradient(128deg,#faf3eb,#ead9d3)}
[data-product-id="body-body-lotion"] .px-hero-visual>figure img{object-position:center 50%;filter:saturate(.79) contrast(1.04)}
[data-product-id="body-body-cream"] .px-hero{background:radial-gradient(circle at 82% 16%,rgba(181,126,100,.27),transparent 30%),linear-gradient(128deg,#f8efe5,#e5d0c3)}
[data-product-id="body-body-cream"] .px-hero-visual>figure img{object-position:center 50%;filter:saturate(.8) contrast(1.05)}
[data-product-id="body-body-cream"] .px-texture{background:radial-gradient(circle at 14% 76%,rgba(255,255,255,.63),transparent 30%),linear-gradient(135deg,#efe0d4,#d7bfae)}
[data-product-id="body-body-scrub"] .px-hero{background:radial-gradient(circle at 81% 16%,rgba(64,105,80,.27),transparent 30%),linear-gradient(128deg,#f5f0e5,#ded8c8)}
[data-product-id="body-body-scrub"] .px-hero-visual>figure img{object-position:center 51%;filter:saturate(.87) contrast(1.06)}
[data-product-id="body-body-scrub"] .px-texture{background:radial-gradient(circle at 14% 78%,rgba(255,255,255,.58),transparent 30%),linear-gradient(135deg,#ece3d2,#cfc2a6)}
[data-product-id="body-body-oil"] .px-hero{background:radial-gradient(circle at 82% 16%,rgba(196,141,57,.3),transparent 30%),linear-gradient(128deg,#f7f0df,#dfc79d)}
[data-product-id="body-body-oil"] .px-hero-visual>figure img{object-position:center 51%;filter:saturate(.92) contrast(1.06)}
[data-product-id="body-body-oil"] .px-texture{background:radial-gradient(circle at 14% 76%,rgba(255,255,255,.52),transparent 29%),linear-gradient(135deg,#efe1c6,#cda96d)}

@media (max-width:900px){
  .px-page[data-product-id^="body-"] .px-hero:after{width:76%;right:-27%;opacity:.22}
  .px-page[data-product-id^="body-"] .px-hero-visual>figure{border-radius:35% 35% 4px 4px / 10% 10% 4px 4px}
}
@media (max-width:600px){
  .px-page[data-product-id^="body-"] .px-button,
  .px-page[data-product-id^="body-"] .px-text-link{font-size:12px;line-height:1.2;letter-spacing:.085em}
  .px-page[data-product-id^="body-"] .px-button{min-height:48px;max-width:100%;padding:16px 18px;white-space:nowrap}
}
@media (prefers-reduced-motion:reduce){
  .px-page[data-product-id^="body-"] .px-hero:after{display:none}
}