/*! Goldtop - the shared option sheet's own rules. Every width.
    Paired with assets/gt-sheet.js. Loaded from theme.liquid beside it.

    ALMOST NOTHING LIVES HERE, AND THAT IS THE POINT. The sheet's appearance -
    the panel, the scrim, the slide-up, the chips, the swatches, the diagonal on
    a sold-out value, the status line - is all in assets/gt-slidecart-size.css,
    which theme.liquid already loads on every page. The markup gt-sheet.js emits
    carries those same class names, so it is dressed by those same rules, and a
    change to the controls is a change in one file.

    What could not live there is the scroll lock, because it names a class that
    only this sheet sets.

    A SEPARATE CLASS FROM THE SLIDE CART SHEET'S, ON PURPOSE. Both are
    .gt-sc-sheet and both can exist on the same page, so if they shared
    gt-sc-sheet-open then closing either would unlock the page under the other.
    They cannot both be open at once today - the first one's scrim covers
    whatever would open the second - but \"cannot happen today\" is how the last
    three freezes were introduced. Whichever sheet put the lock on takes it off.

    NO MEDIA QUERY, SINCE 28 SEP. The sheet used to be mobile only, so its lock
    was too. Joe rolled the slide cart's two surfaces out to desktop, so the
    sheet now opens at every width and the page behind it has to stop scrolling
    at every width.

    ------------------------------------------------------------------
    25 OCT: THE BODY HALF OF THE LOCK IS RELEASED ABOVE THE BREAKPOINT.

    Joe, after the gallery-vanishing fix shipped the same day: \"The gallery
    remains but now its position on the page has reset and shifted upwards.\"

    The PDP's left column is .product-single__sticky, which theme.css gives
    position: sticky; top: 20px at min-width: 769px. A sticky element resolves
    against its nearest SCROLLABLE ancestor. overflow: hidden on <body> makes
    body a scroll container, so the column stopped resolving against the
    viewport and started resolving against an unscrolled body - which put it
    back at its static position, roughly a screen and a half above where the
    shopper was looking.

    Measured on the live PDP, sticky forced on at a 614px tab so the mechanism
    could be seen, scrolled to 1200:

      column top, unlocked                  +20
      column top, overflow hidden on BOTH  -1102
      column top, overflow hidden on HTML   +20

    html alone still stops the page scrolling - overflow: hidden blocks user
    scrolling while leaving scripted scrollTo working, which is why a
    window.scrollTo test reports a false negative here.

    THE BODY RULE IS KEPT BELOW 769px. iOS Safari does not reliably honour
    overflow: hidden on html alone, and there is no sticky column on mobile to
    protect, so nothing is gained by touching the width where the lock matters
    most and the browser is fussiest.

    PURE ASCII, working rule 18.
*/html.gt-sheet-open,html.gt-sheet-open body{overflow:hidden}@media screen and (min-width:769px){html.gt-sheet-open body{overflow:visible}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/gt-sheet.css.map */