/* Head Wave 01: additive visual language only. Product Experience V1 remains authoritative. */
.px-page[data-product-id^="head-"]{
  --head-ink:#153b35;
  --head-moss:#667766;
  --head-gold:#b5853e;
  --head-mist:#e7e6dc;
}
.px-page[data-product-id^="head-"] .px-hero{
  background:
    radial-gradient(ellipse at 83% 16%,rgba(86,111,92,.26),transparent 31%),
    radial-gradient(ellipse at 65% 88%,rgba(183,139,68,.15),transparent 34%),
    linear-gradient(128deg,#f6f3e9 0%,#e3e5da 62%,#d9ddd2 100%);
}
.px-page[data-product-id^="head-"] .px-hero:after{
  content:"";position:absolute;right:4%;top:7%;width:44%;height:86%;pointer-events:none;opacity:.3;
  background:repeating-radial-gradient(ellipse at 70% 54%,transparent 0 29px,rgba(13,59,49,.13) 30px 31px,transparent 32px 48px);
  transform:rotate(-11deg);mask-image:linear-gradient(90deg,transparent,#000 28%,#000 72%,transparent);
}
.px-page[data-product-id^="head-"] .px-hero-copy{border-left-color:rgba(181,133,62,.72)}
.px-page[data-product-id^="head-"] .px-editorial-accent{color:#8f672f}
.px-page[data-product-id^="head-"] .px-hero-visual>figure{
  border-radius:46% 4px 44% 4px / 9% 4px 12% 4px;
  box-shadow:0 40px 80px rgba(25,46,38,.22),0 9px 24px rgba(38,53,45,.09);
}
.px-page[data-product-id^="head-"] .px-hero-visual>figure:after{
  box-shadow:inset 0 0 0 1px rgba(246,241,231,.62),inset 0 -130px 130px rgba(8,45,37,.28);
}
.px-page[data-product-id^="head-"] .px-direction{background:linear-gradient(180deg,#f7f5ee,#eceee6)}
.px-page[data-product-id^="head-"] .px-direction-stage{background:linear-gradient(112deg,rgba(106,127,105,.18),rgba(255,255,255,.2) 58%,rgba(184,137,62,.06))}
.px-page[data-product-id^="head-"] .px-texture{background:radial-gradient(circle at 12% 78%,rgba(255,255,255,.62),transparent 30%),linear-gradient(135deg,#e8e8de,#d9ddd2)}
.px-page[data-product-id^="head-"] .px-texture-media{box-shadow:0 34px 76px rgba(31,54,44,.2)}
.px-page[data-product-id^="head-"] .px-formula,
.px-page[data-product-id^="head-"] .px-process{background:radial-gradient(circle at 77% 18%,rgba(184,137,62,.15),transparent 26%),linear-gradient(135deg,#102f2a,#071f1b)}
.px-page[data-product-id^="head-"] .px-product-packaging{background:#f8f6ef}
.px-page[data-product-id^="head-"] .px-starting{background:#e5e6dc}
.px-page[data-product-id^="head-"] .px-related{background:#e6e4d9}
[data-product-id="head-shampoo"]{--head-moss:#657b72}
[data-product-id="head-shampoo"] .px-hero{background:radial-gradient(circle at 79% 18%,rgba(95,135,124,.31),transparent 29%),linear-gradient(128deg,#f5f4ea,#dce7e2)}
[data-product-id="head-shampoo"] .px-hero-visual>figure img{object-position:center 58%;filter:saturate(.78) contrast(1.04)}
[data-product-id="head-conditioner"]{--head-moss:#827b68}
[data-product-id="head-conditioner"] .px-hero{background:radial-gradient(circle at 82% 17%,rgba(186,167,127,.25),transparent 30%),linear-gradient(128deg,#f7f3e8,#e5dfd0)}
[data-product-id="head-conditioner"] .px-hero-visual>figure img{object-position:center 50%;filter:saturate(.72) contrast(1.04)}
[data-product-id="head-hair-mask"]{--head-moss:#59675d}
[data-product-id="head-hair-mask"] .px-hero{background:radial-gradient(circle at 81% 17%,rgba(101,117,99,.3),transparent 30%),linear-gradient(128deg,#f3f1e8,#d9ddd2)}
[data-product-id="head-hair-mask"] .px-hero-visual>figure img{object-position:center 52%;filter:saturate(.72) contrast(1.06)}
[data-product-id="head-hair-serum"]{--head-moss:#60796d}
[data-product-id="head-hair-serum"] .px-hero{background:radial-gradient(circle at 82% 16%,rgba(95,132,112,.28),transparent 28%),linear-gradient(128deg,#f4f3e9,#dbe5dd)}
[data-product-id="head-hair-serum"] .px-hero-visual>figure img{object-position:center 49%;filter:saturate(.7) contrast(1.07)}
[data-product-id="head-hair-oil"]{--head-moss:#7c6747}
[data-product-id="head-hair-oil"] .px-hero{background:radial-gradient(circle at 82% 16%,rgba(181,132,65,.3),transparent 29%),linear-gradient(128deg,#f7f2e5,#e4d9c5)}
[data-product-id="head-hair-oil"] .px-hero-visual>figure img{object-position:center 52%;filter:saturate(.8) contrast(1.06)}
[data-product-id="head-hair-oil"] .px-texture{background:radial-gradient(circle at 14% 77%,rgba(255,255,255,.55),transparent 30%),linear-gradient(135deg,#eee4d2,#d9c9ad)}
@media (max-width:900px){
  .px-page[data-product-id^="head-"] .px-hero:after{width:75%;right:-24%;opacity:.2}
  .px-page[data-product-id^="head-"] .px-hero-visual>figure{border-radius:34% 3px 28% 3px / 7% 3px 9% 3px}
}
@media (max-width:600px){
  .px-page[data-product-id^="head-"] .px-button,
  .px-page[data-product-id^="head-"] .px-text-link{
    font-size:12px;
    line-height:1.2;
    letter-spacing:.085em;
  }
  .px-page[data-product-id^="head-"] .px-button{
    min-height:48px;
    max-width:100%;
    padding:16px 18px;
    white-space:nowrap;
  }
}
@media (prefers-reduced-motion:reduce){
  .px-page[data-product-id^="head-"] .px-hero:after{display:none}
}