/* Outdoor uses the approved Home/Digital hero, rails, type and button system.
   Only content-specific composition and image focal points are scoped here. */
.outdoor-page .outdoor-hero .hero-image { object-position: 60% 48%; }
.outdoor-page .outdoor-light .text-link:hover { color: var(--atc-red); }
.outdoor-page .outdoor-formats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sp-5); }
.outdoor-page .outdoor-format { min-width: 0; display: flex; flex-direction: column; }
.outdoor-page .outdoor-format figure { background: #f8f3e3; }
.outdoor-page .outdoor-format img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; }
.outdoor-page .outdoor-format img.outdoor-format-installation { object-fit: cover; }
.outdoor-page .outdoor-format-copy { display: flex; flex: 1; flex-direction: column; align-items: flex-start; border-top: 3px solid var(--atc-red); padding-top: var(--sp-5); }
.outdoor-page .outdoor-format-copy > p:not(.eyebrow) { color: #534d41; }
.outdoor-page .outdoor-format-copy .button { white-space: normal; margin-top: auto; }
.outdoor-page .outdoor-format-copy > p:last-of-type { margin-bottom: var(--sp-5); }
.outdoor-page .outdoor-range-link { margin: var(--sp-6) 0 0; padding-top: var(--sp-5); border-top: 1px solid rgba(10,10,10,.18); display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-3) var(--sp-5); }
.outdoor-page .outdoor-install-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--sp-7); align-items: center; }
.outdoor-page .outdoor-install-gallery { min-width: 0; }
.outdoor-page .outdoor-install-gallery .product-gallery-main img { object-fit: contain; }
.outdoor-page .outdoor-install-gallery .product-gallery-caption { color: var(--atc-black); line-height: var(--lh-body); }
.outdoor-page .outdoor-install-gallery .product-gallery-thumbs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.outdoor-page .outdoor-install-copy { min-width: 0; }
.outdoor-page .outdoor-install-copy .outdoor-image-note { border-left: 3px solid var(--atc-red); padding-left: var(--sp-4); margin: var(--sp-5) 0; }
.outdoor-page .outdoor-planning-band { background: var(--atc-ink-2); border-block: 1px solid var(--line); }
.outdoor-page .outdoor-planning { display: grid; grid-template-columns: .85fr 1.15fr; align-items: start; gap: var(--sp-7); }
.outdoor-page .outdoor-planning > div > p:not(.eyebrow) { max-width: 530px; }
.outdoor-page .outdoor-planning-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sp-5); }
.outdoor-page .outdoor-planning-list li { display: grid; grid-template-columns: 24px 1fr; gap: var(--sp-3); border-top: 1px solid var(--line-strong); padding-top: var(--sp-5); }
.outdoor-page .outdoor-planning-list li > span { font: 16px var(--font-ui); color: var(--fg-muted); padding-top: 5px; }
.outdoor-page .outdoor-planning-list p { margin-bottom: 0; }
.outdoor-page .outdoor-velcro { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-7); align-items: center; }
.outdoor-page .outdoor-velcro img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; }
.outdoor-page .outdoor-velcro figcaption { font: 14px/var(--lh-body) var(--font-ui); color: #534d41; margin-top: var(--sp-4); }
.outdoor-page .outdoor-velcro .button { white-space: normal; }
.outdoor-page .outdoor-education-link { margin-top: var(--sp-5); }
.outdoor-page .outdoor-aftercare { display: grid; grid-template-columns: 1fr 1.7fr; gap: var(--sp-7); align-items: center; padding-block: var(--sp-7); }
.outdoor-page .outdoor-care-links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sp-5); }
.outdoor-page .outdoor-care-links a { display: grid; grid-template-columns: 1fr auto; gap: 0 var(--sp-3); align-content: start; padding: var(--sp-5) 0; border-block: 1px solid var(--line-strong); text-decoration: none; }
.outdoor-page .outdoor-care-links a > span:first-child { grid-column: 1; font: 14px var(--font-ui); color: var(--fg-muted); margin-bottom: var(--sp-3); }
.outdoor-page .outdoor-care-links strong { grid-column: 1; font: 400 var(--fs-h3)/1 var(--font-display); text-transform: uppercase; }
.outdoor-page .outdoor-care-links a > span:last-child { grid-column: 2; grid-row: 1 / 3; align-self: center; font-size: 24px; }
.outdoor-page .outdoor-care-links a:hover strong { color: var(--atc-ivory); text-decoration: underline; text-decoration-color: var(--atc-red); text-underline-offset: 6px; }
.outdoor-page .outdoor-guidance > .section { padding-top: 0; padding-bottom: var(--sp-7); }
.outdoor-page .outdoor-guidance .guide-links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.outdoor-page .outdoor-guidance .section-head { margin-bottom: var(--sp-5); }
@media (max-width: 980px) {
  .outdoor-page .outdoor-formats { grid-template-columns: 1fr; gap: var(--sp-6); }
  .outdoor-page .outdoor-format { display: grid; grid-template-columns: .9fr 1.1fr; gap: var(--sp-5); align-items: start; }
  .outdoor-page .outdoor-format-copy { padding-top: var(--sp-4); }
  .outdoor-page :is(.outdoor-install-layout, .outdoor-planning, .outdoor-aftercare) { grid-template-columns: 1fr; }
  .outdoor-page .outdoor-install-copy { max-width: 680px; }
  .outdoor-page .outdoor-install-copy { grid-row: 1; }
  .outdoor-page .outdoor-velcro { gap: var(--sp-6); }
}
@media (max-width: 640px) {
  .outdoor-page .outdoor-hero .hero-image { object-position: 65% 50%; }
  .outdoor-page :is(.outdoor-format, .outdoor-velcro, .outdoor-aftercare) { grid-template-columns: 1fr; }
  .outdoor-page .outdoor-velcro > div { grid-row: 1; }
  .outdoor-page .outdoor-format-copy { border-top: 0; padding-top: 0; }
  .outdoor-page .outdoor-formats { gap: var(--sp-7); }
  .outdoor-page .outdoor-format + .outdoor-format { border-top: 1px solid rgba(10,10,10,.18); padding-top: var(--sp-6); }
  .outdoor-page :is(.outdoor-planning-list, .outdoor-care-links), .outdoor-page .outdoor-guidance .guide-links { grid-template-columns: 1fr; }
  .outdoor-page .outdoor-care-links { gap: 0; }
  .outdoor-page .outdoor-care-links a + a { border-top: 0; }
  .outdoor-page .button { white-space: normal; }
}