/* Phone pages end where they do on a computer. Pairs with /js/fit.js: on phones, card groups that sit side by side on a
   wide screen become one sideways row (one card at a time) instead of a long stacked column. */
.fit-bar{display:none}
@media(max-width:700px){
html.fit .sits,html.fit .perk-grid,html.fit .bubbles,html.fit .gallery,html.fit #inventory .grid,html.fit .auc-grid,html.fit .rn-grid{position:relative;display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:stretch;gap:14px!important;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:-18px;padding:10px 18px 24px;scroll-padding-inline:18px}
html.fit .sits::-webkit-scrollbar,html.fit .perk-grid::-webkit-scrollbar,html.fit .bubbles::-webkit-scrollbar,html.fit .gallery::-webkit-scrollbar,html.fit #inventory .grid::-webkit-scrollbar,html.fit .auc-grid::-webkit-scrollbar,html.fit .rn-grid::-webkit-scrollbar{display:none}
html.fit .sits>*,html.fit .perk-grid>*,html.fit .bubbles>*,html.fit .gallery>*,html.fit #inventory .grid>*,html.fit .auc-grid>*,html.fit .rn-grid>*{flex:0 0 86%!important;width:auto!important;max-width:none!important;min-width:0;margin:0;scroll-snap-align:center}
html.fit .sits>[hidden],html.fit .perk-grid>[hidden],html.fit .bubbles>[hidden],html.fit .gallery>[hidden],html.fit #inventory .grid>[hidden],html.fit .auc-grid>[hidden],html.fit .rn-grid>[hidden]{display:none!important}
html.fit .gallery>*{flex-basis:72%!important}
/* Less empty space above and below each section, so a phone page is about as long as the computer one */
html.fit main section[id]:not(#home,#delivery){padding-top:52px;padding-bottom:52px}
html.fit .fit-bar:not([hidden]){display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 6px}
.fit-b{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:96px;min-height:48px;padding:0 16px;border-radius:30px;border:2px solid var(--gold,#d9b96f);background:#d9b96f1f;color:#fff;font:800 15px/1 Arial,sans-serif;cursor:pointer}
.fit-b i{font-style:normal;font-size:24px;line-height:0;color:var(--gold,#d9b96f)}
.fit-b:disabled{opacity:.35;cursor:default}
.fit-ct{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px}
.fit-ct b{font:900 16px/1 Arial,sans-serif;color:#fff}
.fit-ct small{font:700 12.5px/1.3 Arial,sans-serif;color:#d8cba6}
}