/* Shared by frontend and editor preview. Descriptions are never clipped. */
.wtbm-purchase-cards{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr;gap:12px;min-width:0;margin:0 0 20px;color:inherit}
.wtbm-purchase-cards .wtbm-purchase-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 44px;grid-template-rows:auto auto 1fr;column-gap:14px;row-gap:8px;box-sizing:border-box;min-width:0;margin:0;padding:12px 14px 10px;border:1px solid #d4dce4;border-radius:6px;background:#fff;color:#202a35;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease;overflow-wrap:anywhere}
.wtbm-purchase-cards .wtbm-purchase-card:has(.wtbm-card-submit):hover:not(:has(a:hover)),
.wtbm-purchase-cards .wtbm-purchase-card:has(.wtbm-card-submit:focus-visible){border-color:#6d9ed1;background:#edf5fc;box-shadow:0 2px 8px #123c6414;cursor:pointer}
.wtbm-purchase-cards .wtbm-purchase-card:has(.wtbm-card-submit):active:not(:has(a:active)){background:#dfeefa}
.wtbm-purchase-cards .wtbm-purchase-card h3{grid-column:1;grid-row:1;font-size:16px;line-height:1.4;font-weight:600;margin:0;padding:0;color:inherit}
.wtbm-purchase-cards .wtbm-card-price{grid-column:1;grid-row:2;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;line-height:1.4;font-size:18px;font-weight:600}
.wtbm-purchase-cards .wtbm-card-sale{display:inline-block;padding:3px 7px;border-radius:4px;background:#eef5e7;color:#36551c;font-size:12px;line-height:1.4;font-weight:600;white-space:nowrap}
.wtbm-purchase-cards .wtbm-card-description{grid-column:1;grid-row:3;font-size:14px;line-height:1.55;min-width:0}
.wtbm-purchase-cards .wtbm-card-description>:first-child{margin-top:0}
.wtbm-purchase-cards .wtbm-card-description>:last-child{margin-bottom:0}
.wtbm-purchase-cards .wtbm-card-description img{max-width:100%;height:auto}
:is(body,#page) .wtbm-purchase-cards .wtbm-purchase-card form.wtbm-card-form{grid-column:2;grid-row:1 / 4;align-self:center;float:none!important;display:block;box-sizing:border-box!important;min-width:0!important;max-width:44px!important;width:44px!important;justify-self:end;margin:0!important;padding:0!important;border:0;background:transparent}
:is(body,#page) .wtbm-purchase-cards .wtbm-purchase-card form.wtbm-card-form button.wtbm-card-submit{display:flex!important;align-items:center;justify-content:center;box-sizing:border-box!important;width:44px!important;height:44px!important;max-width:44px!important;max-height:44px!important;min-width:44px!important;min-height:44px!important;margin:0!important;padding:0!important;border:1px solid #b8d1e9!important;border-radius:6px!important;background:#edf5fc!important;color:#0861b8!important;font:inherit;line-height:1;box-shadow:none;text-shadow:none;cursor:pointer;float:none!important}
:is(body,#page) .wtbm-purchase-cards .wtbm-purchase-card button.wtbm-card-submit::before,:is(body,#page) .wtbm-purchase-cards .wtbm-purchase-card button.wtbm-card-submit::after{content:none!important;display:none!important}
.wtbm-purchase-cards .wtbm-card-options{grid-column:1 / -1;display:block;padding:8px 0;color:#075cb5;font-size:14px;text-decoration:underline}
.wtbm-purchase-cards .wtbm-card-submit svg{flex-shrink:0;width:20px;height:20px}
.wtbm-purchase-cards .wtbm-card-submit:disabled{opacity:.65;cursor:wait}
.wtbm-purchase-cards .wtbm-card-unavailable{grid-column:1 / -1;font-size:14px;color:#666}
.wtbm-purchase-cards .wtbm-card-status{grid-column:1 / -1;min-height:0;margin:0;font-size:13px;line-height:1.5}
.wtbm-purchase-cards .wtbm-purchase-card.is-added{border-color:#54792f;background:#f6faef}
.wtbm-purchase-cards :focus-visible{outline:3px solid #086acb;outline-offset:3px}
.wtbm-purchase-cards[data-preview="1"]{pointer-events:none}
@media(prefers-reduced-motion:reduce){.wtbm-purchase-cards .wtbm-purchase-card{transition:none}}

.wtbm-purchase-cards .wtbm-card-status:empty{display:none}
.wtbm-purchase-cards .wtbm-card-form>.added_to_cart{display:none}
:is(body,#page) .wtbm-purchase-cards .wtbm-card-submit{position:relative;overflow:visible!important}
.wtbm-purchase-cards .wtbm-card-count{position:absolute;top:-4px;right:-4px;min-width:16.1px;max-width:43.7px;box-sizing:border-box;padding:0 2.3px;border-radius:999px;background:#0758a4;color:#fff;font-size:11.5px;font-weight:600;line-height:16.1px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wtbm-purchase-cards .wtbm-card-count[hidden]{display:none!important}
.wtbm-purchase-cards .wtbm-card-stock .stock{margin:8px 0 0;font-size:13px;line-height:1.5}
.wtbm-purchase-cards .wtbm-card-stock:first-child .stock{margin-top:0}
.wtbm-purchase-cards .wtbm-card-stock .stock::before{content:none!important;display:none!important}

:is(body,#page) .wtbm-purchase-cards .wtbm-purchase-card:hover:not(:has(a:hover)) button.wtbm-card-submit,
:is(body,#page) .wtbm-purchase-cards .wtbm-purchase-card button.wtbm-card-submit:focus-visible{background:#086acb!important;border-color:#086acb!important;color:#fff!important}
