.wc-stripe-payment-button-preview{align-items:center;background-color:#000;border-radius:5px;display:flex;height:40px;justify-content:center}.wc-stripe-payment-button-preview img{height:22px}.wc-stripe-payment-button-preview:hover{cursor:pointer;filter:opacity(.7)}.wc-stripe-payment-button-preview.wc-stripe-amazon-pay-preview{background-color:#ffd814}.wc-stripe-payment-button-preview.wc-stripe-amazon-pay-preview img{height:100%;width:100%}.wc-stripe-payment-button-preview.wc-stripe-link-preview{background-color:#00d66f}.wc-stripe-payment-button-preview.wc-stripe-link-preview img{height:40px}
button.stripe-gateway-stripelink-modal-trigger{background:no-repeat url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA3MiAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM2LjEyIDMuNjc2ODNDMzYuMTIgMi41NDg4MiAzNy4wNzA0IDEuNjMyMDIgMzguMTg4OCAxLjYzMjAyQzM5LjMwNzIgMS42MzIwMiA0MC4yNTc2IDIuNTUzNjIgNDAuMjU3NiAzLjY3NjgzQzQwLjI1NzYgNC44MDAwMyAzOS4zNDA4IDUuNzQ1NjMgMzguMTg4OCA1Ljc0NTYzQzM3LjAzNjggNS43NDU2MyAzNi4xMiA0LjgyODgzIDM2LjEyIDMuNjc2ODNaIiBmaWxsPSIjMDExRTBGIi8+CjxwYXRoIGQ9Ik0yOS45ODA4IDEuOTIwMDFIMzMuNTgwOFYyMi4wOEgyOS45ODA4VjEuOTIwMDFaIiBmaWxsPSIjMDExRTBGIi8+CjxwYXRoIGQ9Ik00MC4wMDggNy42ODAwMUgzNi4zNzkyVjIyLjA4SDQwLjAwOFY3LjY4MDAxWiIgZmlsbD0iIzAxMUUwRiIvPgo8cGF0aCBkPSJNNjYuMDk2IDE0LjM5MDRDNjguODI3MiAxMi43MTA0IDcwLjY4NDggMTAuMjA5NiA3MS40MTkyIDcuNjc1MjRINjcuNzkwNEM2Ni44NDQ4IDEwLjA5NDQgNjQuNjc1MiAxMS45MTM2IDYyLjI4OTYgMTIuNjg2NFYxLjkxNTIzSDU4LjY2MDhWMjIuMDc1Mkg2Mi4yODk2VjE2LjA4QzY1LjA1OTIgMTYuNzcxMiA2Ny4yNDggMTkuMTY2NCA2Ny45OTY4IDIyLjA3NTJINzEuNjQ5NkM3MS4wOTI4IDE5LjAyMjQgNjkuMDA0OCAxNi4xNjY0IDY2LjA5NiAxNC4zOTA0WiIgZmlsbD0iIzAxMUUwRiIvPgo8cGF0aCBkPSJNNDYuNDQgOS4yOTI4M0M0Ny4zOTA0IDguMDMwNDMgNDkuMjQzMiA3LjI5NjAyIDUwLjc0NTYgNy4yOTYwMkM1My41NDg4IDcuMjk2MDIgNTUuODY3MiA5LjM0NTYzIDU1Ljg3MiAxMi40NDE2VjIyLjA3NTJINTIuMjQzMlYxMy4yNDMyQzUyLjI0MzIgMTEuOTcxMiA1MS42NzY4IDEwLjUwMjQgNDkuODM4NCAxMC41MDI0QzQ3LjY3ODQgMTAuNTAyNCA0Ni40MzUyIDEyLjQxNzYgNDYuNDM1MiAxNC42NTkyVjIyLjA4NDhINDIuODA2NFY3LjY4OTYySDQ2LjQ0VjkuMjkyODNaIiBmaWxsPSIjMDExRTBGIi8+CjxwYXRoIGQ9Ik0xMiAyNEMxOC42Mjc0IDI0IDI0IDE4LjYyNzQgMjQgMTJDMjQgNS4zNzI1NyAxOC42Mjc0IDAgMTIgMEM1LjM3MjU5IDAgMCA1LjM3MjU3IDAgMTJDMCAxOC42Mjc0IDUuMzcyNTkgMjQgMTIgMjRaIiBmaWxsPSIjMDBENjZGIi8+CjxwYXRoIGQ9Ik0xMS40NDc5IDQuODAwMDVINy43NDcwN0M4LjQ2NzA3IDcuODA5NjUgMTAuNTY5NSAxMC4zODI0IDEzLjE5OTkgMTJDMTAuNTY0NyAxMy42MTc2IDguNDY3MDcgMTYuMTkwNCA3Ljc0NzA3IDE5LjJIMTEuNDQ3OUMxMi4zNjQ3IDE2LjQxNiAxNC45MDM5IDEzLjk5NjggMTguMDIzOSAxMy41MDI0VjEwLjQ5MjlDMTQuODk5MSAxMC4wMDMzIDEyLjM1OTkgNy41ODQwNSAxMS40NDc5IDQuODAwMDVaIiBmaWxsPSIjMDExRTBGIi8+Cjwvc3ZnPgo=);background-color:transparent!important;border:none;cursor:pointer;display:none;height:40px;position:absolute;right:5px;width:64px}button.stripe-gateway-stripelink-modal-trigger:hover{background-color:transparent;border-color:transparent}.wc-block-checkout__payment-method .wc-block-components-radio-control__label>span{width:100%}.wc-block-checkout__payment-method .wc-block-components-radio-control__label>span>span:not(.wc-stripe-test-mode-badge){align-items:center;display:flex;float:right;justify-content:center}.wcstripe-payment-element+.wc-block-components-payment-methods__save-card-info{margin-top:1.4em}#radio-control-wc-payment-method-options-stripe__content.optimized-checkout-element{padding-top:0}#radio-control-wc-payment-method-options-stripe__content.optimized-checkout-element .content:empty{display:none}#radio-control-wc-payment-method-options-stripe__label>span>span{border:none}.wc-stripe-redirect-notice{align-items:center;border:0;color:#2b2d2f;display:flex;font-family:Source Sans Pro,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;font-size:16px;font-weight:400;gap:12px;letter-spacing:normal;line-height:25px;margin:0;min-inline-size:0;padding:24px 9px 8px;text-decoration:none;text-shadow:none;text-transform:none;transition:none;-webkit-font-smoothing:auto}.wc-stripe-redirect-notice__icon{flex-shrink:0;height:3em;width:3em}.wc-stripe-redirect-notice__text{margin:0;padding:0}body.wc-stripe-hide-save-checkbox .wc-block-components-payment-methods__save-card-info{display:none!important}.wc-stripe-test-mode-badge{background-color:#fff2d7;border-radius:4px;color:#4d3716;display:none;font-size:12px;font-weight:400;line-height:16px;margin-left:8px;padding:4px 6px}.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option input:checked~div .wc-block-components-radio-control__label .wc-stripe-test-mode-badge,.wc-block-checkout__payment-method .wc-block-components-radio-control__option input:checked~div .wc-block-components-radio-control__label .wc-stripe-test-mode-badge{display:inline-block}
.wc-block-components-express-payment--cart .wc-block-components-express-payment__event-buttons{display:flex!important;flex-direction:column!important;gap:12px!important}.wc-block-components-express-payment--cart .wc-block-components-express-payment__event-buttons>li{font-size:0!important;line-height:0!important;margin:0!important;padding:0!important;width:100%!important}.wc-block-components-express-payment-continue-rule--cart{height:20px;margin:24px 0!important}.wc-block-components-express-payment .wc-block-components-express-payment__event-buttons .StripeElement iframe{max-width:unset}@supports not (-webkit-appearance:-apple-pay-button){#express-payment-method-stripe_express_checkout_element_applePay:has(#express-checkout-button-preview-applePay){display:none}}#express-checkout-button-preview-googlePay .gpay-card-info-container{min-width:auto}
.wc-stripe-copy-test-number{align-items:center;background-color:transparent!important;border:none!important;border-radius:0;box-shadow:none!important;color:inherit!important;cursor:pointer;display:inline-flex;font-family:inherit!important;font-size:inherit;font-weight:400;line-height:inherit;padding:2px 1px!important;vertical-align:baseline}.wc-stripe-copy-test-number span{margin-right:4px}.wc-stripe-copy-test-number i{background-color:currentColor;display:block;height:1.2em;-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIzIDMgMjAgMjAiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01IDQuNWgxMWMuMTMyNiAwIC4yNTk4LjA1MjY4LjM1MzYuMTQ2NDUuMDkzNy4wOTM3Ni4xNDY0LjIyMDk0LjE0NjQuMzUzNTV2MTFjMCAuMTMyNi0uMDUyNy4yNTk4LS4xNDY0LjM1MzYtLjA5MzguMDkzNy0uMjIxLjE0NjQtLjM1MzYuMTQ2NGgtMTFjLS4xMzI2MSAwLS4yNTk3OS0uMDUyNy0uMzUzNTUtLjE0NjQtLjA5Mzc3LS4wOTM4LS4xNDY0NS0uMjIxLS4xNDY0NS0uMzUzNnYtMTFjMC0uMTMyNjEuMDUyNjgtLjI1OTc5LjE0NjQ1LS4zNTM1NS4wOTM3Ni0uMDkzNzcuMjIwOTQtLjE0NjQ1LjM1MzU1LS4xNDY0NXptLTIgLjVjMC0uNTMwNDMuMjEwNzEtMS4wMzkxNC41ODU3OS0xLjQxNDIxLjM3NTA3LS4zNzUwOC44ODM3OC0uNTg1NzkgMS40MTQyMS0uNTg1NzloMTFjLjUzMDQgMCAxLjAzOTEuMjEwNzEgMS40MTQyLjU4NTc5LjM3NTEuMzc1MDcuNTg1OC44ODM3OC41ODU4IDEuNDE0MjF2MTFjMCAuNTMwNC0uMjEwNyAxLjAzOTEtLjU4NTggMS40MTQycy0uODgzOC41ODU4LTEuNDE0Mi41ODU4aC0xMWMtLjUzMDQzIDAtMS4wMzkxNC0uMjEwNy0xLjQxNDIxLS41ODU4LS4zNzUwOC0uMzc1MS0uNTg1NzktLjg4MzgtLjU4NTc5LTEuNDE0MnptMTcgM3YxMC43NWMwIC42OS0uNTYgMS4yNS0xLjI1IDEuMjVoLTEyLjc1djEuNWgxMi43NWMuNzI5MyAwIDEuNDI4OC0uMjg5NyAxLjk0NDUtLjgwNTUuNTE1OC0uNTE1Ny44MDU1LTEuMjE1Mi44MDU1LTEuOTQ0NXYtMTAuNzV6IiBmaWxsPSIjMTAxNTE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4K);mask-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIzIDMgMjAgMjAiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im01IDQuNWgxMWMuMTMyNiAwIC4yNTk4LjA1MjY4LjM1MzYuMTQ2NDUuMDkzNy4wOTM3Ni4xNDY0LjIyMDk0LjE0NjQuMzUzNTV2MTFjMCAuMTMyNi0uMDUyNy4yNTk4LS4xNDY0LjM1MzYtLjA5MzguMDkzNy0uMjIxLjE0NjQtLjM1MzYuMTQ2NGgtMTFjLS4xMzI2MSAwLS4yNTk3OS0uMDUyNy0uMzUzNTUtLjE0NjQtLjA5Mzc3LS4wOTM4LS4xNDY0NS0uMjIxLS4xNDY0NS0uMzUzNnYtMTFjMC0uMTMyNjEuMDUyNjgtLjI1OTc5LjE0NjQ1LS4zNTM1NS4wOTM3Ni0uMDkzNzcuMjIwOTQtLjE0NjQ1LjM1MzU1LS4xNDY0NXptLTIgLjVjMC0uNTMwNDMuMjEwNzEtMS4wMzkxNC41ODU3OS0xLjQxNDIxLjM3NTA3LS4zNzUwOC44ODM3OC0uNTg1NzkgMS40MTQyMS0uNTg1NzloMTFjLjUzMDQgMCAxLjAzOTEuMjEwNzEgMS40MTQyLjU4NTc5LjM3NTEuMzc1MDcuNTg1OC44ODM3OC41ODU4IDEuNDE0MjF2MTFjMCAuNTMwNC0uMjEwNyAxLjAzOTEtLjU4NTggMS40MTQycy0uODgzOC41ODU4LTEuNDE0Mi41ODU4aC0xMWMtLjUzMDQzIDAtMS4wMzkxNC0uMjEwNy0xLjQxNDIxLS41ODU4LS4zNzUwOC0uMzc1MS0uNTg1NzktLjg4MzgtLjU4NTc5LTEuNDE0MnptMTcgM3YxMC43NWMwIC42OS0uNTYgMS4yNS0xLjI1IDEuMjVoLTEyLjc1djEuNWgxMi43NWMuNzI5MyAwIDEuNDI4OC0uMjg5NyAxLjk0NDUtLjgwNTUuNTE1OC0uNTE1Ny44MDU1LTEuMjE1Mi44MDU1LTEuOTQ0NXYtMTAuNzV6IiBmaWxsPSIjMTAxNTE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4K);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;order:1;width:1.2em}.wc-stripe-copy-test-number:hover{background-color:transparent;opacity:.7}.wc-stripe-copy-test-number:active i{transform:scale(.9)}.wc-stripe-copy-test-number:focus{box-shadow:none!important;outline:none}.wc-stripe-copy-test-number:focus-visible{outline:2px solid currentColor;outline-offset:2px}.wc-stripe-copy-test-number.state--success i{-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMiAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTEuMzI3NCAwLjUzMTIxNkw0LjU3NjY3IDkuNjEwMTlMMC42NjIyMDYgNi42OTk1NyIgc3Ryb2tlPSIjMDA4QTIwIiBzdHJva2Utd2lkdGg9IjEuNSIvPjwvc3ZnPgo=);mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMiAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTEuMzI3NCAwLjUzMTIxNkw0LjU3NjY3IDkuNjEwMTlMMC42NjIyMDYgNi42OTk1NyIgc3Ryb2tlPSIjMDA4QTIwIiBzdHJva2Utd2lkdGg9IjEuNSIvPjwvc3ZnPgo=)}.sbs-shop {
--sbs-navy: #1f3354;
--sbs-navy-dark: #172842;
--sbs-gold: #e5bd56;
--sbs-paper: #f8f5ef;
--sbs-ink: #1f2630;
--sbs-muted: #69717e;
--sbs-line: rgba(31, 51, 84, .16);
position: relative;
left: 50%;
width: min(1180px, calc(100vw - 40px));
max-width: none;
margin: 42px 0 72px;
transform: translateX(-50%);
color: var(--sbs-ink);
}
.sbs-shop,
.sbs-shop * {
box-sizing: border-box;
}
.sbs-shop__header {
margin-bottom: 30px;
text-align: center;
}
.sbs-shop__eyebrow {
margin: 0 0 9px;
color: var(--sbs-navy);
font-size: 12px;
font-weight: 850;
letter-spacing: .16em;
}
.sbs-shop__title {
margin: 0;
color: var(--sbs-navy);
font-size: clamp(38px, 5vw, 58px);
line-height: 1.05;
font-weight: 900;
}
.sbs-shop__intro {
max-width: 680px;
margin: 14px auto 0;
color: var(--sbs-muted);
font-size: 17px;
line-height: 1.55;
}
.sbs-shop__list {
display: grid;
gap: 26px;
}
.sbs-book-card {
container-type: inline-size;
display: grid;
grid-template-columns: 190px minmax(250px, 1fr) 410px;
gap: 34px;
align-items: center;
min-width: 0;
padding: 30px;
overflow: hidden;
border: 1px solid rgba(31, 51, 84, .12);
border-radius: 26px;
background:
linear-gradient(135deg, rgba(255,255,255,.99), rgba(248,245,239,.99));
box-shadow: 0 18px 48px rgba(31, 38, 48, .11);
}
.sbs-book-card__cover-column,
.sbs-book-card__content-column,
.sbs-book-card__offers-column {
min-width: 0;
}
.sbs-book-card__cover-wrap {
position: relative;
display: flex;
align-items: center;
justify-content: center;
min-height: 275px;
}
.sbs-book-card__cover-wrap::before {
content: "";
position: absolute;
inset: 14% 5% 5%;
border-radius: 18px;
background: rgba(31, 51, 84, .17);
filter: blur(22px);
transform: translateY(12px);
}
.sbs-book-card__cover {
position: relative;
z-index: 1;
display: block;
width: 100%;
max-width: 180px;
height: auto;
max-height: 285px;
object-fit: contain;
border-radius: 10px;
box-shadow: 0 14px 32px rgba(20, 26, 34, .23);
}
.sbs-book-card__content-column {
align-self: center;
}
.sbs-book-card__genre {
margin: 0 0 18px;
color: var(--sbs-gold);
font-size: 14px;
font-weight: 900;
line-height: 1.25;
letter-spacing: .08em;
text-transform: uppercase;
writing-mode: horizontal-tb !important;
text-orientation: mixed !important;
}
.sbs-book-card__description {
max-width: 520px;
color: var(--sbs-navy);
font-size: 19px;
line-height: 1.58;
font-weight: 650;
}
.sbs-book-card__offers-column {
align-self: stretch;
display: flex;
flex-direction: column;
justify-content: center;
border-top: 1px solid var(--sbs-line);
border-bottom: 1px solid var(--sbs-line);
}
.sbs-offer-row {
display: grid;
grid-template-columns: minmax(0, 1fr) 190px;
gap: 20px;
align-items: center;
min-height: 88px;
padding: 15px 0;
}
.sbs-offer-row + .sbs-offer-row {
border-top: 1px solid var(--sbs-line);
}
.sbs-offer-row__details,
.sbs-offer-row__action {
min-width: 0;
}
.sbs-offer-row__format {
color: var(--sbs-navy);
font-size: 15px;
font-weight: 800;
line-height: 1.3;
overflow-wrap: break-word;
word-break: normal;
}
.sbs-offer-row__price {
margin-top: 6px;
color: var(--sbs-ink);
font-size: 18px;
font-weight: 900;
line-height: 1.25;
}
.sbs-offer-row__price del {
margin-right: 5px;
color: var(--sbs-muted);
font-size: .8em;
font-weight: 600;
}
.sbs-offer-row__price ins {
text-decoration: none;
}
.sbs-shop-button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 48px;
padding: 11px 14px;
border: 1px solid var(--sbs-navy);
border-radius: 12px;
background: var(--sbs-navy);
color: #fff !important;
font-family: inherit;
font-size: 14px;
font-weight: 850;
line-height: 1.2;
text-align: center;
text-decoration: none !important;
cursor: pointer;
appearance: none;
transition:
transform .16s ease,
background-color .16s ease,
border-color .16s ease,
opacity .16s ease;
}
.sbs-shop-button:hover,
.sbs-shop-button:focus-visible {
border-color: var(--sbs-navy-dark);
background: var(--sbs-navy-dark);
color: #fff !important;
transform: translateY(-1px);
}
.sbs-shop-button:focus-visible {
outline: 3px solid rgba(229, 189, 86, .5);
outline-offset: 3px;
}
.sbs-shop-button.is-loading {
opacity: .72;
cursor: wait;
}
.sbs-shop-button.is-success {
border-color: #2f7450;
background: #2f7450;
}
.sbs-shop-button.is-error {
border-color: #a84545;
background: #a84545;
}
.sbs-shop-button.is-disabled,
.sbs-shop-button:disabled {
opacity: .58;
cursor: not-allowed;
transform: none;
}
.sbs-shop__live-region {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
.sbs-shop .woocommerce-notices-wrapper,
.sbs-shop .woocommerce-message,
.sbs-shop .added_to_cart,
.sbs-shop a.added_to_cart {
display: none !important;
} @container (max-width: 940px) {
.sbs-book-card {
grid-template-columns: 175px minmax(0, 1fr);
gap: 28px;
}
.sbs-book-card__offers-column {
grid-column: 1 / -1;
}
.sbs-offer-row {
grid-template-columns: minmax(0, 1fr) 210px;
}
}
@container (max-width: 620px) {
.sbs-book-card {
grid-template-columns: 115px minmax(0, 1fr);
gap: 20px;
padding: 21px;
border-radius: 20px;
}
.sbs-book-card__cover-wrap {
min-height: 180px;
}
.sbs-book-card__cover {
max-height: 190px;
}
.sbs-book-card__description {
font-size: 17px;
line-height: 1.5;
}
.sbs-offer-row {
grid-template-columns: 1fr;
gap: 11px;
min-height: 0;
padding: 17px 0;
}
}
@container (max-width: 390px) {
.sbs-book-card {
grid-template-columns: 86px minmax(0, 1fr);
gap: 15px;
padding: 16px;
}
.sbs-book-card__cover-wrap {
min-height: 145px;
}
.sbs-book-card__genre {
margin-bottom: 9px;
font-size: 11px;
}
.sbs-book-card__description {
font-size: 15px;
line-height: 1.45;
}
}
@media (max-width: 700px) {
.sbs-shop {
width: min(100% - 20px, 1180px);
margin-top: 28px;
}
} body.sbs-custom-shop-page .products:not(.sbs-shop__list),
body.sbs-custom-shop-page ul.products,
body.sbs-custom-shop-page .woocommerce-loop-category__title,
body.sbs-custom-shop-page .product-category,
body.sbs-custom-shop-page .woocommerce-products-header + .products {
display: none !important;
}