/* Real product screens: keep the evidence crisp, without pretending it is a mock-up. */
.real-screenshot {
  margin: 0;
  background: #fff;
}

/* Navigation links are dark by default; the Shopify CTA must retain button contrast. */
.site-nav .button {
  color: var(--paper);
}

.real-screenshot img,
.tour-shot img,
.campaign-visual img {
  display: block;
  width: 100%;
  height: auto;
}

.real-screenshot figcaption {
  padding: 13px 16px;
  background: #fffdf8;
  border-top: 1px solid #e4e0d7;
  color: #536174;
  font-size: 12px;
}

.product-tour { padding-top: 20px; }

.tour-grid {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 25px;
  margin-top: 58px;
  align-items: start;
}

.tour-shot {
  margin: 0;
  background: #fffdf8;
  border: 1px solid #d9d5ca;
  border-radius: 9px;
  overflow: hidden;
  box-shadow: 10px 12px 0 rgba(16, 27, 45, .06);
}

.tour-shot figcaption {
  padding: 17px 18px;
  color: #536174;
  font-size: 14px;
}

.tour-shot figcaption span {
  display: block;
  margin-bottom: 6px;
  color: #a04e3d;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.campaign-visual {
  margin: 0;
  height: auto;
  background: #fff;
  border: 1px solid #c9c4b7;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 12px 14px 0 rgba(16, 27, 45, .12);
}

.campaign-visual::before { display: none; }

@media (max-width: 800px) {
  .tour-grid { grid-template-columns: 1fr; margin-top: 40px; gap: 22px; }
  .product-tour { padding-top: 0; }
  .campaign-visual { height: auto; }
}

@media (max-width: 440px) {
  .tour-shot figcaption { padding: 14px; }
  .campaign-visual { height: auto; }
}