:root{--timberline-purchase:#9f2c28;--timberline-sample:#e0b648;--timberline-ink:#17130f;--timberline-paper:#fffaf1}
.commerce-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start;margin-top:12px}
.actions>.commerce-controls{display:contents}
.actions.has-commerce{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.actions.has-commerce>.action:first-child{grid-column:1/-1}
.actions.has-commerce:not(.has-sample) .purchase-menu{grid-column:1/-1}
.actions.has-commerce .commerce-menu{width:100%;min-width:0}
.actions.has-commerce .commerce-menu summary{width:100%}
.commerce-menu{position:relative;min-width:148px}
.commerce-menu summary{display:flex;align-items:center;justify-content:center;min-height:46px;padding:11px 15px;border:1px solid transparent;border-radius:0;cursor:pointer;font:700 12px/1 Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;list-style:none;touch-action:manipulation}
.commerce-menu summary::-webkit-details-marker{display:none}
.commerce-menu summary::after{content:"+";margin-left:9px;font-size:16px}
.commerce-menu[open] summary::after{content:"\2212"}
.purchase-menu summary{background:var(--timberline-purchase);border-color:var(--timberline-purchase);color:#fff}
.sample-menu summary{background:var(--timberline-sample);border-color:var(--timberline-sample);color:var(--timberline-ink)}
.commerce-menu summary:hover,.commerce-menu summary:focus-visible{outline:3px solid currentColor;outline-offset:3px}
.commerce-options{position:absolute;z-index:40;left:0;top:calc(100% + 5px);min-width:100%;padding:4px;border:1px solid #70685e;background:var(--timberline-paper);box-shadow:0 12px 24px rgba(0,0,0,.22)}
.commerce-options a{display:block;min-height:44px;padding:12px;color:var(--timberline-ink);text-decoration:none;font:700 11px/1.3 Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.commerce-options a:hover,.commerce-options a:focus-visible{background:var(--timberline-ink);color:#fff;outline:2px solid var(--timberline-ink);outline-offset:2px}
.book-card .commerce-controls{padding:0 18px 18px;margin-top:0}
@media(max-width:620px){.commerce-controls,.commerce-menu{width:100%}.commerce-menu summary{width:100%;min-height:48px}.commerce-options{position:static;width:100%;box-shadow:none}.commerce-options a{white-space:normal}}
@media(prefers-reduced-motion:reduce){.commerce-menu summary,.commerce-options a{scroll-behavior:auto}}