/* Local comparison-only visual overrides. Production files are untouched. */
html[data-visual-variant="dark"] .p-hero > .d-hero-image,
html[data-visual-variant="light"] .p-hero > .d-hero-image,
html[data-visual-variant="macro"] .p-hero > .d-hero-image,
html[data-visual-variant="craft"] .p-hero > .d-hero-image,
html[data-visual-variant="blueprint"] .p-hero > .d-hero-image {
  transform: scale(1.012);
  animation: visual-hero-settle 1.4s cubic-bezier(.2,.7,.2,1) both;
}

html[data-visual-variant="dark"] .p-hero > .d-hero-image {
  object-position: 54% center;
  filter: saturate(.9) contrast(1.08) brightness(.86);
}

html[data-visual-variant="dark"] .p-hero-shade {
  background:
    linear-gradient(90deg, rgba(3,7,9,.97) 0%, rgba(3,7,9,.82) 35%, rgba(3,7,9,.28) 66%, rgba(3,7,9,.08) 100%),
    linear-gradient(0deg, rgba(3,7,9,.76), transparent 54%);
}

html[data-visual-variant="dark"] .p-hero-copy > p::before {
  box-shadow: 0 0 18px rgba(193,51,65,.48);
}

html[data-visual-variant="dark"] .q-product-gallery {
  background:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px),
    #071013;
  background-size: 72px 72px;
}

html[data-visual-variant="dark"] .q-product-stage {
  border: 1px solid #334146;
  background: #0a1215;
  box-shadow: 34px 34px 0 rgba(179,54,66,.14);
}

html[data-visual-variant="dark"] .q-product-slide img {
  filter: saturate(.94) contrast(1.08) brightness(.92);
}

html[data-visual-variant="macro"] .p-hero > .d-hero-image {
  object-position: 57% center;
  filter: saturate(.84) contrast(1.1) brightness(.82);
}

html[data-visual-variant="macro"] .p-hero-shade {
  background:
    linear-gradient(90deg, rgba(3,5,5,.98) 0%, rgba(3,5,5,.9) 36%, rgba(3,5,5,.35) 66%, rgba(3,5,5,.08) 100%),
    linear-gradient(0deg, rgba(3,5,5,.78), transparent 54%);
}

html[data-visual-variant="macro"] .q-product-gallery {
  background:
    linear-gradient(rgba(199,154,93,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(199,154,93,.025) 1px, transparent 1px),
    #0a0d0c;
  background-size: 72px 72px;
}

html[data-visual-variant="macro"] .q-product-stage {
  border: 1px solid #4a4338;
  background: #111412;
  box-shadow: 34px 34px 0 rgba(143,104,58,.15);
}

html[data-visual-variant="macro"] .q-product-slide img {
  filter: saturate(.9) contrast(1.08) brightness(.94);
}

html[data-visual-variant="craft"] .p-hero > .d-hero-image {
  object-position: 59% center;
  filter: saturate(.72) contrast(1.08) brightness(.84);
}

html[data-visual-variant="craft"] .p-hero-shade {
  background:
    linear-gradient(90deg, rgba(5,7,8,.98) 0%, rgba(5,7,8,.87) 38%, rgba(5,7,8,.3) 68%, rgba(5,7,8,.08) 100%),
    linear-gradient(0deg, rgba(5,7,8,.78), transparent 54%);
}

html[data-visual-variant="craft"] .q-product-gallery {
  background: #111211;
}

html[data-visual-variant="craft"] .q-product-stage {
  border: 1px solid #454744;
  background: #151715;
  box-shadow: 34px 34px 0 rgba(179,54,66,.12);
}

html[data-visual-variant="craft"] .q-product-slide img {
  filter: saturate(.83) contrast(1.07) brightness(.96);
}

html[data-visual-variant="blueprint"] .p-hero > .d-hero-image {
  object-position: 58% center;
  filter: saturate(.9) contrast(1.12) brightness(.8);
}

html[data-visual-variant="blueprint"] .p-hero-shade {
  background:
    linear-gradient(90deg, rgba(3,5,7,.98) 0%, rgba(3,5,7,.88) 36%, rgba(3,5,7,.3) 68%, rgba(3,5,7,.06) 100%),
    linear-gradient(0deg, rgba(3,5,7,.8), transparent 54%);
}

html[data-visual-variant="blueprint"] .q-product-gallery {
  background:
    linear-gradient(rgba(179,54,66,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(179,54,66,.035) 1px, transparent 1px),
    #090c0e;
  background-size: 72px 72px;
}

html[data-visual-variant="blueprint"] .q-product-stage {
  border: 1px solid #633039;
  background: #0e1113;
  box-shadow: 34px 34px 0 rgba(179,54,66,.18);
}

html[data-visual-variant="blueprint"] .q-product-slide img {
  filter: saturate(.82) contrast(1.1) brightness(.9);
}

html[data-visual-variant="light"] body {
  background: #f3f0e9;
}

html[data-visual-variant="light"] .p-header {
  border-color: rgba(20,24,24,.18);
  background: rgba(248,246,240,.9);
  color: #111819;
  backdrop-filter: blur(14px);
}

html[data-visual-variant="light"] .p-hero {
  background: #e7e2d9;
  color: #111819;
}

html[data-visual-variant="light"] .p-hero > .d-hero-image {
  object-position: 56% center;
  filter: saturate(.82) contrast(1.03) brightness(.98);
}

html[data-visual-variant="light"] .p-hero-shade {
  background:
    linear-gradient(90deg, rgba(247,244,238,.99) 0%, rgba(247,244,238,.94) 35%, rgba(247,244,238,.5) 57%, rgba(247,244,238,.03) 78%),
    linear-gradient(0deg, rgba(247,244,238,.74), transparent 52%);
}

html[data-visual-variant="light"] .p-hero-bottom {
  border-color: rgba(17,24,25,.35);
}

html[data-visual-variant="light"] .p-hero-bottom p,
html[data-visual-variant="light"] .p-media-note {
  color: #465153;
}

html[data-visual-variant="light"] .q-product-gallery {
  background: #e9e4da;
  color: #12191a;
}

html[data-visual-variant="light"] .q-product-gallery-head > p:first-child,
html[data-visual-variant="light"] .q-product-controls strong {
  color: #a92f3b;
}

html[data-visual-variant="light"] .q-product-gallery-head > p:last-child,
html[data-visual-variant="light"] .q-product-controls span {
  color: #566063;
}

html[data-visual-variant="light"] .q-product-stage {
  border: 1px solid #cbc4b8;
  background: #f8f5ef;
  box-shadow: 30px 30px 0 rgba(17,24,25,.08);
}

html[data-visual-variant="light"] .q-product-slide img {
  filter: saturate(.82) contrast(1.04) brightness(1.03);
}

html[data-visual-variant="light"] .q-product-controls {
  border-color: #bbb4a8;
}

html[data-visual-variant="light"] .q-product-controls p {
  border-color: #bbb4a8;
}

html[data-visual-variant="light"] .q-product-controls button {
  color: #12191a;
}

@keyframes visual-hero-settle {
  from { opacity: .72; transform: scale(1.035); }
  to { opacity: 1; transform: scale(1.012); }
}

@media (max-width: 640px) {
  html[data-visual-variant="dark"] .p-hero > .d-hero-image,
  html[data-visual-variant="light"] .p-hero > .d-hero-image,
  html[data-visual-variant="macro"] .p-hero > .d-hero-image,
  html[data-visual-variant="craft"] .p-hero > .d-hero-image,
  html[data-visual-variant="blueprint"] .p-hero > .d-hero-image {
    object-position: 68% center;
  }

  html[data-visual-variant="dark"] .p-hero-shade {
    background: linear-gradient(180deg, rgba(3,7,9,.15), rgba(3,7,9,.68) 42%, rgba(3,7,9,.98) 78%);
  }

  html[data-visual-variant="macro"] .p-hero-shade,
  html[data-visual-variant="craft"] .p-hero-shade,
  html[data-visual-variant="blueprint"] .p-hero-shade {
    background: linear-gradient(180deg, rgba(3,6,7,.15), rgba(3,6,7,.68) 42%, rgba(3,6,7,.98) 78%);
  }

  html[data-visual-variant="light"] .p-header {
    background: rgba(248,246,240,.96);
  }

  html[data-visual-variant="light"] .p-hero-shade {
    background: linear-gradient(180deg, rgba(247,244,238,.16), rgba(247,244,238,.68) 43%, rgba(247,244,238,.98) 77%);
  }

  html[data-visual-variant="dark"] .q-product-stage,
  html[data-visual-variant="light"] .q-product-stage,
  html[data-visual-variant="macro"] .q-product-stage,
  html[data-visual-variant="craft"] .q-product-stage,
  html[data-visual-variant="blueprint"] .q-product-stage {
    box-shadow: 12px 12px 0 rgba(179,54,66,.12);
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-visual-variant="dark"] .p-hero > .d-hero-image,
  html[data-visual-variant="light"] .p-hero > .d-hero-image,
  html[data-visual-variant="macro"] .p-hero > .d-hero-image,
  html[data-visual-variant="craft"] .p-hero > .d-hero-image,
  html[data-visual-variant="blueprint"] .p-hero > .d-hero-image {
    animation: none;
  }
}