/* ROUND 227 — Region page House & Land slider: pinned like homepage Build Options (assets/r227.js).
   The progress line and arrows use the homepage classes, so home.css / r74.css style them; the rules below only
   place the row inside this section and repeat the homepage's grabbable bar (r63.css, .sh-r63-home only). */

.sh-r227 .sh-r227-wrap{position:relative}
.sh-r227 .sh-r227-wrap.is-pin>.rg2-packages{position:sticky}

/* Row placement: the section is a flex column with a 48px gap (32px below 1024), so the margin tops it up to the
   homepage's card-to-line spacing (68.4px desktop, 40px tablet). Left edge = the cards' container edge, right
   edge = the "Browse all" button's edge (the section has no right padding of its own). */
.sh-r227 .rg2-packages .build__trackrow{max-width:none;margin:20.4px var(--global-padding) 0 0}
.sh-r227 .rg2-packages .build__trackrow[hidden]{display:none}

@media (min-width:1024px){
  .sh-r227 .rg2-packages .build__nav{margin-right:0}
  .sh-r227 .rg2-packages .build__track{height:3px;cursor:grab;transition:height .2s;padding:10px 0;background:#fdfbf9;box-sizing:content-box;background-clip:content-box}
  .sh-r227 .rg2-packages .build__trackrow:hover .build__track{height:8px}
  .sh-r227 .rg2-packages .build__track.is-drag{cursor:grabbing}
  .sh-r227 .rg2-packages .build__track-fill{top:10px;height:calc(100% - 20px);transition:height .2s,top .2s}
  /* Pinned: the strip is moved by the page scroll (transform), so it is no longer a scroller of its own; the
     section's overflow clip (its full width) lets the cards slide out to the page edge. */
  .sh-r227 .rg2-packages.is-r227-pin .hl-more__track{overflow:visible;scroll-snap-type:none;will-change:transform;cursor:auto}
}

@media (max-width:1023px){
  .sh-r227 .rg2-packages .build__trackrow{margin:8px 24px 0 0}
  /* The strip runs from the page edge, its padding puts card 1 on the container edge, so cards slide out past
     the edge while scrolling. --sh-r227-pad = the section's own left padding (set by r227.js). */
  .sh-r227 .rg2-packages.is-r227-bleed .hl-more__track{margin-left:calc(-1 * var(--sh-r227-pad,24px));padding-left:var(--sh-r227-pad,24px);scroll-padding-left:var(--sh-r227-pad,24px)}
  .sh-r227 .rg2-packages.is-r227-pin .hl-more__track{scroll-snap-type:none}
}