/* Route-only product parity. Content, commerce and entitlement behavior stay in product-detail.js. */
.product-page .pd-button.pd-button--app {
  border-color: #1d1920;
  background: #1d1920;
}

.product-page .pd-button.pd-button--app:hover,
.product-page .pd-button.pd-button--app:focus-visible {
  border-color: #343037;
  background: #343037;
}

.product-page[data-product="tarot"] .pd-hero__visual,
.product-page[data-product="akshara"] .pd-hero__visual {
  background: linear-gradient(145deg, #f4f1ec, #e9e4ef);
}

.product-page[data-product="tarot"] .pd-hero__visual img,
.product-page[data-product="akshara"] .pd-hero__visual img {
  object-fit: contain;
  padding: clamp(54px, 7vw, 112px);
  filter: drop-shadow(0 28px 36px rgba(39, 36, 43, .14));
}

.product-page[data-product="akshara"] .pd-hero__visual img {
  width: min(74%, 560px);
  height: auto;
  margin: auto;
}

.product-page[data-product="tarot"] .pd-hero__visual::after,
.product-page[data-product="akshara"] .pd-hero__visual::after {
  inset: 62% 0 0;
  background: linear-gradient(transparent, rgba(39, 36, 43, .34));
}

.product-page[data-product="vedika"] .pd-app-note {
  color: rgba(255, 255, 255, .78) !important;
}

.product-page[data-product="vedika"] .pd-hero__badge {
  background: rgba(28, 26, 31, .72);
}

@media (max-width: 900px) {
  .product-page[data-product="tarot"] .pd-hero__visual img,
  .product-page[data-product="akshara"] .pd-hero__visual img {
    padding: 44px;
  }

  .product-page[data-product="akshara"] .pd-hero__visual img {
    width: min(82%, 500px);
  }
}

@media (max-width: 560px) {
  .product-page .pd-actions {
    width: auto !important;
  }

  .product-page .pd-actions .pd-button {
    width: 100% !important;
    box-sizing: border-box;
  }
}

@media (prefers-reduced-motion: reduce) {
  .product-page .pd-button.pd-button--app {
    transition: none;
  }
}

/* Products: restore the complete editorial transition and keep fixed chrome clear of controls. */
.product-story-page .product-intro {
  min-height: auto;
  padding: 140px 32px;
}

.product-story-page .product-intro > div {
  display: grid;
  margin-top: 70px;
}

.product-story-page .product-feature__tabs {
  top: 92px;
}

.product-story-page .product-tile img {
  right: 4%;
  bottom: 3%;
  width: min(48%, 260px);
  max-height: 54%;
  object-fit: contain;
}

.product-story-page .product-tile small {
  color: #514b55;
  line-height: 1.45;
}

.product-story-page .product-shop > div > span {
  color: rgba(255, 255, 255, .78);
}

/* News: one editorial color grade across the existing GrahaGuru article covers. */
.news-page .news-featured__lead > img,
.news-page .news-featured__rail img,
.news-page .news-online__track img {
  filter: saturate(.58) contrast(.96);
  transition: filter .25s var(--ease), transform .35s var(--ease);
}

.news-page .news-featured__lead:hover > img,
.news-page .news-featured__lead:focus-visible > img,
.news-page .news-featured__rail button:hover img,
.news-page .news-featured__rail button:focus-visible img,
.news-page .news-online__track a:hover img,
.news-page .news-online__track a:focus-visible img {
  filter: saturate(.76) contrast(1);
  transform: scale(1.018);
}

@media (max-width: 730px) {
  .product-story-page .product-intro {
    padding: 100px 18px;
  }

  .product-story-page .product-intro > div {
    margin-top: 48px;
  }

  .product-story-page .product-feature__tabs {
    top: 76px;
  }
}