/* Shared decision-flow pattern for pricing and shoot-choice surfaces. */

.pricing-decision-page,
.shoot-decision-page {
  background: var(--ui-paper);
  color: var(--ui-ink);
}

.pricing-decision-filter {
  padding-block: 0 var(--ui-space-6);
}

.pricing-decision-filter__links {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem .7rem;
}

.pricing-decision-filter__links a {
  display: inline-flex;
  min-height: 2.65rem;
  align-items: center;
  padding: .52rem .78rem;
  border: 1px solid var(--ui-line);
  border-radius: var(--ui-radius-pill);
  color: var(--ui-ink-soft);
  font-size: .86rem;
  font-weight: 700;
  text-decoration: none;
}

.pricing-decision-filter__links a:hover,
.pricing-decision-filter__links a:focus-visible,
.pricing-decision-filter__links a[aria-current="page"] {
  border-color: var(--ui-ink);
  background: var(--ui-ink);
  color: #fff;
}

.pricing-decision-heading {
  max-width: 46rem;
  margin-bottom: var(--ui-space-6);
}

.pricing-decision-group + .pricing-decision-group {
  margin-top: var(--ui-space-8);
}

.pricing-decision-group__header {
  padding-bottom: .8rem;
  border-bottom: 1px solid var(--ui-line);
}

.pricing-decision-group__header h3 {
  margin: 0;
  font-family: var(--ui-font-display);
  font-size: var(--ui-step-2);
  font-weight: 400;
}

.pricing-decision-list {
  display: grid;
}

.pricing-decision-item {
  display: grid;
  grid-template-columns: minmax(5rem, 7rem) minmax(0, 1fr);
  gap: 1rem;
  align-items: center;
  padding-block: 1.15rem;
  border-bottom: 1px solid var(--ui-line);
}

.pricing-decision-item__media {
  display: block;
  overflow: hidden;
  border-radius: var(--ui-radius-md);
  background: var(--ui-paper-deep);
}

.pricing-decision-item__media picture,
.pricing-decision-item__media img {
  display: block;
  width: 100%;
}

.pricing-decision-item__media img {
  aspect-ratio: 1;
  height: auto;
  object-fit: cover;
}

.pricing-decision-item__content h4 {
  margin-bottom: .3rem;
  font-size: var(--ui-step-1);
}

.pricing-decision-item__content h4 a {
  color: var(--ui-ink);
  text-decoration: none;
}

.pricing-decision-item__content h4 a:hover,
.pricing-decision-item__content h4 a:focus-visible {
  text-decoration: underline;
  text-underline-offset: .18em;
}

.pricing-decision-item__content p {
  margin-bottom: .5rem;
  color: var(--ui-ink-muted);
  line-height: 1.55;
}

.pricing-decision-item__content > a {
  color: var(--ui-ink-soft);
  font-size: .88rem;
  font-weight: 700;
}

.pricing-decision-item__price {
  grid-column: 2;
  display: flex;
  flex-wrap: wrap;
  gap: .2rem .45rem;
  align-items: baseline;
  color: var(--ui-ink-muted);
  font-size: .78rem;
}

.pricing-decision-item__price strong {
  color: var(--ui-ink);
  font-family: var(--ui-font-display);
  font-size: var(--ui-step-2);
  font-weight: 400;
}

.pricing-decision-next {
  max-width: 46rem;
}

.shoot-decision-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(1.25rem, 3vw, 2rem);
}

.shoot-decision-tile {
  position: relative;
  display: grid;
  min-height: 100%;
  overflow: hidden;
  border: 1px solid var(--ui-line);
  border-radius: var(--ui-radius-lg);
  background: var(--ui-paper);
}

.shoot-decision-tile__media {
  display: block;
  overflow: hidden;
  background: var(--ui-paper-deep);
}

.shoot-decision-tile__media picture,
.shoot-decision-tile__media img {
  display: block;
  width: 100%;
}

.shoot-decision-tile__media img {
  aspect-ratio: 4 / 3;
  height: auto;
  object-fit: cover;
  transition: transform var(--ui-transition);
}

.shoot-decision-tile:hover .shoot-decision-tile__media img,
.shoot-decision-tile:focus-within .shoot-decision-tile__media img {
  transform: scale(1.012);
}

.shoot-decision-tile__body {
  padding: clamp(1.2rem, 3vw, 1.7rem);
}

.shoot-decision-tile__body h3 {
  margin-bottom: .5rem;
  font-family: var(--ui-font-display);
  font-size: var(--ui-step-2);
  font-weight: 400;
}

.shoot-decision-tile__body h3 a {
  color: var(--ui-ink);
  text-decoration: none;
}

.shoot-decision-tile__body h3 a::after {
  position: absolute;
  inset: 0;
  content: "";
}

.shoot-decision-tile__body p {
  margin-bottom: 0;
  color: var(--ui-ink-muted);
}

.shoot-decision-feature {
  display: grid;
  gap: clamp(1.5rem, 4vw, 3rem);
  padding-block: var(--ui-space-6);
  border-block: 1px solid var(--ui-line);
}

.shoot-decision-feature--visual {
  align-items: center;
}

.shoot-decision-feature__media {
  display: block;
  overflow: hidden;
  border-radius: var(--ui-radius-lg);
  background: var(--ui-paper-deep);
}

.shoot-decision-feature__media img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  height: auto;
  object-fit: cover;
}

.shoot-decision-note {
  max-width: 42rem;
  color: var(--ui-ink-muted);
}

.shoot-decision-options {
  display: grid;
  gap: 1rem;
}

.shoot-decision-options--visual {
  gap: 0;
}

.shoot-decision-option {
  position: relative;
  padding-block: 1.1rem;
  border-bottom: 1px solid var(--ui-line);
}

.shoot-decision-option h3 a {
  color: var(--ui-ink);
  text-decoration: none;
}

.shoot-decision-option h3 a::after {
  position: absolute;
  inset: 0;
  content: "";
}

.shoot-decision-option p {
  max-width: 46rem;
  color: var(--ui-ink-muted);
}

.shoot-decision-option--visual {
  display: grid;
  grid-template-columns: 6.5rem minmax(0, 1fr);
  gap: 1rem;
  align-items: center;
  padding-block: .9rem;
}

.shoot-decision-option--visual h3 a::after {
  content: none;
}

.shoot-decision-option__media {
  display: block;
  overflow: hidden;
  border-radius: var(--ui-radius-md);
  background: var(--ui-paper-deep);
}

.shoot-decision-option__media img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  height: auto;
  object-fit: cover;
}

.shoot-decision-option__body {
  min-width: 0;
}

.shoot-decision-option__summary {
  margin-bottom: .35rem;
  color: var(--ui-ink-muted);
  font-size: .92rem;
  line-height: 1.5;
}

.shoot-decision-option__footer {
  display: flex;
  flex-wrap: wrap;
  gap: .25rem .8rem;
  align-items: baseline;
  color: var(--ui-ink-soft);
  font-size: .82rem;
  font-weight: 700;
}

.shoot-decision-option__footer a {
  color: var(--ui-accent-strong);
}

.shoot-decision-option__meta {
  color: var(--ui-ink-soft);
  font-size: .84rem;
  font-weight: 700;
}

.shoot-related-heading {
  max-width: 48rem;
  margin-bottom: 1.25rem;
}

.shoot-related-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: .8rem 1rem;
}

.shoot-related-card {
  display: grid;
  grid-template-columns: 6rem minmax(0, 1fr);
  gap: 1rem;
  min-width: 0;
  align-items: center;
  padding: .7rem;
  border: 1px solid var(--ui-line);
  border-radius: var(--ui-radius-md);
  background: var(--ui-paper);
  color: var(--ui-ink);
  text-decoration: none;
  transition: border-color var(--ui-transition), background-color var(--ui-transition);
}

.shoot-related-card:hover,
.shoot-related-card:focus-visible {
  border-color: var(--ui-line-strong);
  background: #fff;
  color: var(--ui-ink);
}

.shoot-related-card__media {
  display: block;
  overflow: hidden;
  border-radius: var(--ui-radius-sm);
  background: var(--ui-paper-deep);
}

.shoot-related-card__media picture,
.shoot-related-card__media img {
  display: block;
  width: 100%;
}

.shoot-related-card__media img {
  aspect-ratio: 4 / 3;
  height: auto;
  object-fit: cover;
}

.shoot-related-card__copy {
  display: grid;
  gap: .18rem;
  min-width: 0;
}

.shoot-related-card__copy strong {
  font-family: var(--ui-font-display);
  font-size: var(--ui-step-1);
  font-weight: 400;
  line-height: 1.3;
}

.shoot-related-card__copy > span:not(.shoot-related-card__link) {
  color: var(--ui-ink-muted);
  font-size: .82rem;
  line-height: 1.45;
}

.shoot-related-card__link {
  margin-top: .15rem;
  color: var(--ui-accent-strong);
  font-size: .8rem;
  font-weight: 700;
}

.shoot-related-all {
  margin: 1.1rem 0 0;
  font-size: .9rem;
}

.shoot-related-all a {
  font-weight: 700;
}

@media (min-width: 720px) {
  .pricing-decision-item {
    grid-template-columns: 8rem minmax(0, 1fr) minmax(7rem, auto);
    gap: 1.4rem;
  }

  .pricing-decision-item__price {
    grid-column: auto;
    display: grid;
    justify-items: end;
    text-align: right;
  }

  .shoot-decision-grid,
  .shoot-related-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shoot-decision-feature--visual {
    grid-template-columns: minmax(14rem, .8fr) minmax(0, 1.2fr);
  }

  .shoot-decision-option--visual {
    grid-template-columns: 8rem minmax(0, 1fr);
    gap: 1.2rem;
  }
}

@media (min-width: 1100px) {
  .shoot-decision-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .shoot-decision-feature:not(.shoot-decision-feature--visual) {
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
    align-items: start;
  }
}

@media (max-width: 399.98px) {
  .pricing-decision-filter__links a {
    width: 100%;
    justify-content: center;
  }

  .pricing-decision-item {
    grid-template-columns: 5rem minmax(0, 1fr);
  }

  .shoot-decision-option--visual,
  .shoot-related-card {
    grid-template-columns: 5rem minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  .shoot-decision-tile__media img,
  .shoot-related-card {
    transition: none;
  }
}