/* Buy Walks buttons (walk-buy-v1.js). Buttons use the shared bk-btn class from /brand/bk-buttons.css; this file only places them. */

/* Homepage banner: "Start a walk" and "Buy Walks" are the same width, one under the other */
.bkw-pair{align-self:flex-start;width:100%;max-width:320px;box-sizing:border-box;justify-content:center}
.walk-bubble .bk-btn[data-bk-buy-walks]{align-self:flex-start;width:100%;max-width:320px;box-sizing:border-box;font-size:18px}

/* Walk start screen: same height as the two buttons above it */
.bkw-walk{min-height:56px}
.bkw-credits{margin:0;text-align:center}
.bkw-credits[hidden]{display:none}

/* /walk-site: "Open Walk" and "Buy Walks" are the same width */
.bkw-pair-site,.bkw-site{min-width:220px;justify-content:center;box-sizing:border-box}
.bkw-site{width:fit-content}

/* Shop: two equal items */
.bkw-shop{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid #2cc9c98c;border-radius:24px;background:#10203c;color:#eef3fc;font-family:Fredoka,ui-rounded,system-ui,sans-serif}
.bkw-shop h2{margin:0;font-size:22px;font-weight:600;line-height:1.2}
.bkw-shop p{margin:0;font-size:15px;line-height:1.35;opacity:.9}
.bkw-shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bkw-shop-card{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:14px 10px;border-radius:18px;background:#0a1736;text-align:center}
.bkw-shop-name{font-size:20px;font-weight:600;line-height:1.15}
.bkw-shop-price{min-height:32px;font-size:28px;font-weight:700;line-height:1.1;color:#fc8003}

/* The Shop's own shelf cards also use the class name bk-card. bk-buttons.css styles bk-card as a dark box; keep the shelves as they were. */
.bk-shelf .bk-card{background:none;border:0;border-radius:0;box-shadow:none}