/* The booking page (tools/build_book.py): the Gtechniq builder's intro, then the shop's Urable virtual shop in a
   frame. Urable scrolls inside its own app, so the frame is a near-full screen of its own rather than a fixed 1200px
   (the Tint Pros pattern), and on phones it runs edge to edge. */
.bk .gt-intro{padding-bottom:48px}
.bk .gt-intro .section-heading h1{grid-column:2}
.bk .gt-intro__copy a{color:#fff;text-decoration:underline;text-decoration-color:#f59154;text-underline-offset:4px}
.bk .gt-intro__copy a:hover{text-decoration-thickness:2px}
.bk .gt-intro__copy a:visited{color:#fff}
.bk-shop{position:relative;padding:0 7vw 110px}
.bk-frame{position:relative;overflow:hidden;border-radius:13px;border:1px solid rgba(246,207,229,.2);background:#f4eef6;box-shadow:0 30px 70px -30px #000000d9}
.bk-frame iframe{position:relative;z-index:1;display:block;width:100%;height:clamp(760px,calc(100svh - 120px),1040px);border:0}
.bk-loading{position:absolute;inset:0;z-index:0;display:grid;place-items:center;margin:0;color:#5b4b57;font-size:16px}
.bk-note{margin:16px 0 0;font-size:13px;line-height:1.6;color:#d3c8be}
.bk-note a{color:#fff;text-decoration:underline;text-decoration-color:#f59154;text-underline-offset:4px}
.bk-note a:visited{color:#fff}
@media (max-width:800px){
  .bk .gt-intro .section-heading h1{grid-column:1}
  .bk-shop{padding:0 0 60px}
  .bk-frame{border-radius:0;border-inline:0}
  .bk-frame iframe{height:max(560px,calc(100svh - 64px))}
  .bk-note{padding:0 6vw}
}