header{display:grid;grid-template-columns:auto 1fr auto;gap:28px}
header nav{justify-content:center}
.account-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}
.account-actions button{font:inherit;font-size:.875rem;color:var(--ink);background:none;border:0;padding:12px 2px;cursor:pointer}
.account-actions>span{font-size:.875rem;color:#9a9388}
.account-actions button:hover{text-decoration:underline;text-underline-offset:5px}
.account-actions button:focus-visible,.direct-purchase:focus-visible,.coming-dialog button:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.product-purchase-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px;margin-top:24px}
.product-purchase-actions .purchase-button{margin:0;padding:15px 24px}
.direct-purchase{display:inline-flex;justify-content:center;align-items:center;gap:12px;border:1px solid #aaa397;border-radius:40px;background:transparent;color:var(--ink);padding:14px 20px;min-height:52px;font:inherit;font-size:.9375rem;cursor:pointer}
.direct-purchase:hover{background:var(--yellow)}
.coming-badge{font-size:.75rem;line-height:1.5;white-space:nowrap;background:var(--yellow);padding:3px 8px;border-radius:20px}
.home-direct-purchase{display:flex;width:fit-content;margin-top:12px}
.coming-dialog{width:min(420px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:42px 30px 28px;border:1px solid var(--line);border-radius:16px;color:var(--ink);background:var(--paper);box-shadow:0 24px 80px #0003;text-align:center}
.coming-dialog::backdrop{background:rgba(30,27,25,.55)}
.coming-dialog h2{font-size:1.5rem;letter-spacing:-.6px;margin:18px 0 14px;line-height:1.5}
.coming-dialog #coming-description{font-size:1rem;color:#625d57;line-height:1.8}
.coming-close{position:absolute;right:10px;top:10px;width:44px;height:44px;background:none;border:0;color:var(--ink);font:28px/1 Arial,sans-serif;cursor:pointer}
.coming-confirm{width:100%;margin-top:28px;padding:15px;border:0;border-radius:30px;background:var(--ink);color:var(--paper);font:inherit;font-size:1rem;cursor:pointer}
html.coming-open{overflow:hidden}
@media(max-width:1000px){header{height:auto;padding-top:20px;padding-bottom:16px;grid-template-columns:1fr auto;gap:18px}header nav{grid-row:2;grid-column:1/-1;justify-content:space-between;gap:16px}header .account-actions{grid-row:1;grid-column:2}}
@media(max-width:600px){header{gap:16px}.account-actions{gap:7px}.account-actions button{font-size:.875rem}.product-purchase-actions{flex-direction:column}.product-purchase-actions .purchase-button,.product-purchase-actions .direct-purchase{width:100%}.coming-dialog{padding:40px 24px 24px}}