/* v46 (2026-11-10): the pre-order page in the site's design, the home page's pre-order block, and the cat's bottom
   spot on the pre-order page. */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ---------- Pre-order page ---------- */
html.page-preorder{scroll-padding-top:calc(var(--header-h) + 16px)}   /* no jump row on this page */
.preorder-stage .product-title h1{text-transform:uppercase}
.preorder-photo{position:relative;margin:18px auto 0;width:min(100%,1040px,max(520px,calc(50svh*1.498)));aspect-ratio:1600/1068}
/* The studio wall fades into the page's black on all four sides, so the photo never reads as a box; the bike itself
   (27-82% across, 6-76% down the photo) stays fully inside the solid part. */
.preorder-photo img{display:block;width:100%;height:100%;object-fit:cover;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 86%,transparent 100%),linear-gradient(180deg,transparent 0,#000 6%,#000 79%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 86%,transparent 100%),linear-gradient(180deg,transparent 0,#000 6%,#000 79%,transparent 100%);
  mask-composite:intersect}
.preorder-stage .stage-enquiry{margin-top:14px}
@media(min-width:700px) and (min-height:820px){.preorder-stage .stage-enquiry{margin-top:30px}}
.preorder-wrap{max-width:760px}
.preorder-facts{margin:0;padding:0}
.preorder-facts>div{display:grid;grid-template-columns:10.5rem 1fr;gap:4px 24px;padding:16px 0;border-top:1px solid #ffffff1f}
.preorder-facts>div:last-child{border-bottom:1px solid #ffffff1f}
.preorder-facts dt{color:#a8a8a8;font-size:.9375rem;line-height:1.6}
.preorder-facts dd{margin:0;color:#fff;font-size:1rem;line-height:1.6;font-weight:500}
.preorder-facts .price{font-size:1.25rem;font-weight:650;font-variant-numeric:tabular-nums}
/* Room above the bottom button for the sitting cat (its ears rise about its own height above the button's bottom):
   64 px cat on phones, 84 px on most computers, 112 px on large windows (cat-v46.js). */
.reserve-cta{position:relative;overflow-x:hidden;overflow-x:clip;margin-top:44px;padding-bottom:4px}
@media(min-width:700px){.reserve-cta{margin-top:64px}}
@media(min-width:1200px) and (min-height:820px){.reserve-cta{margin-top:88px}}
.reserve-cta .reserve-btn{position:relative;z-index:1}
.reserve-note{margin:16px 0 0;max-width:58ch;color:#bcbcbc;font-size:.875rem;line-height:1.65}
.reserve-cta .egato-zap{z-index:0;box-shadow:0 0 0 2px #c9ffdd,0 0 10px 2px #48bb7ab3}
@media(max-width:699px){
  .preorder-facts>div{grid-template-columns:1fr;gap:2px;padding:14px 0}
  .preorder-facts dt{font-size:.8125rem}
  .preorder-photo{margin-top:10px}
  .preorder-stage .order-note{max-width:15rem}   /* two short lines, so the cat fits beside the button */
}

/* ---------- Home page: the pre-order block after the specifications ---------- */
.preorder-band{display:flex;flex-direction:column;align-items:center;padding-block:16px}   /* the sections around it bring their own space */
.preorder-band .chapter-intro{margin-bottom:28px}