.sbp-books{--sbp-ink:var(--heading,#11356a);--sbp-cream:var(--card-bg,#faf3ec);--sbp-gold:var(--button-top,#ffbd18);color:var(--body-text,#172e4f);font-family:var(--font-body,inherit);max-width:1120px;margin:0 auto}
.sbp-books *{box-sizing:border-box;min-width:0}
.sbp-books [hidden]{display:none!important}
.sbp-books__heading{text-align:center;margin-bottom:34px}
.sbp-books__heading h1{margin:0 0 12px;font-size:clamp(32px,4vw,48px);line-height:1.08;color:var(--sbp-ink)}
.sbp-books__heading p{margin:0;font-size:18px;line-height:1.4}
.sbp-books h2{margin:0 0 18px;color:var(--sbp-ink);font-size:30px;line-height:1.15}
.sbp-books__carousel{position:relative}
.sbp-books__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:3px 3px 14px;outline-offset:4px}
.sbp-book{display:flex;flex-direction:column;scroll-snap-align:start;border:2px solid transparent;border-radius:20px;background:var(--sbp-cream);padding:12px;min-width:0}
.sbp-book.is-selected{border-color:#f6a508;box-shadow:0 0 0 1px #fff8}
.sbp-book__picture{aspect-ratio:1.37;overflow:hidden;border-radius:12px}
.sbp-book__cover{display:block;width:100%;height:100%;object-fit:cover}
.sbp-book__body{display:flex;flex-direction:column;flex:1;padding:24px 3px 20px;gap:12px}
.sbp-book__title{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:5px 12px}
.sbp-book__title h3{margin:0;color:var(--sbp-ink);font-size:25px;line-height:1.1;overflow-wrap:anywhere}
.sbp-book__title>span{font-size:14px;line-height:1.3}
.sbp-book__description{flex:1;margin:0;color:var(--muted,#457bb5);font-size:15px;line-height:1.4;overflow-wrap:anywhere}
.sbp-book__price{font-size:24px;font-weight:700;line-height:1.2;color:var(--sbp-ink);text-align:end;margin-top:3px}
.sbp-book__price del{font-size:.75em;opacity:.6;margin-inline-end:6px}.sbp-book__price ins{text-decoration:none;background:none}
.sbp-book__actions{display:flex;align-items:center;justify-content:center;gap:12px;min-height:46px;border-radius:30px;background:linear-gradient(180deg,var(--button-top,#ffc827),var(--button-bottom,#ffa704));padding:2px 10px}
.sbp-book.is-selected .sbp-book__actions{background:linear-gradient(180deg,#fff2ca,#ffe19a);box-shadow:inset 0 0 0 1px #f5ad18}
.sbp-book__add,.sbp-book__remove{border:0;background:none;color:var(--sbp-ink);min-height:42px;padding:9px 12px;font:700 16px/1.2 var(--font-body,inherit);cursor:pointer}
.sbp-book__add{flex:1}.sbp-book__add:disabled{opacity:.55;cursor:default}.sbp-book.is-selected .sbp-book__add:disabled{opacity:1}
.sbp-book__remove{border-inline-start:1px solid #a87b35;border-radius:0;text-decoration:underline;font-size:14px;flex:0 0 auto}
.sbp-books__arrow{position:absolute;top:32%;z-index:3;display:grid;place-items:center;width:52px;height:52px;border:1px solid #d5ddea;border-radius:50%;background:#fff;color:var(--sbp-ink);font:400 42px/1 sans-serif;box-shadow:0 2px 9px #11356a14;cursor:pointer}
.sbp-books__arrow--previous{inset-inline-start:-25px}.sbp-books__arrow--next{inset-inline-end:-25px}
[dir=rtl] .sbp-books__arrow span{transform:scaleX(-1)}
.sbp-books__summary{border:1.5px solid #2a70b8;border-radius:18px;background:#fff9;padding:18px 22px;margin-top:14px}
.sbp-books__summary h3{color:var(--sbp-ink);font-size:26px;line-height:1.2;margin:0 0 8px}
.sbp-books__summary ol{margin:0;padding-inline-start:30px;color:var(--sbp-ink);font-size:20px;font-weight:700;line-height:1.5}
.sbp-books__summary li{padding-inline-start:6px;overflow-wrap:anywhere}
.sbp-books__summary p{margin:0}
.sbp-books__summary .sbp-books__total{border-top:1px solid #d2d9e3;margin-top:12px;padding-top:12px;font-size:24px;line-height:1.25;font-weight:700;color:var(--sbp-ink)}
.sbp-books__personalise{margin-top:36px}
.sbp-books__personalise>p{margin:0 0 16px;font-size:17px;line-height:1.4}
.sbp-books__personalise h2{margin-bottom:8px}
.sbp-books__form{margin:0}
.sbp-books__fields{border:0;padding:0;margin:0;min-width:0}
.sbp-books__continue{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 22px;border:1.5px solid #2a70b8;border-radius:18px;background:#fff9;margin-top:26px}
.sbp-books__continue strong{color:var(--sbp-ink);font-size:22px;line-height:1.3}
.sbp-books__continue p{font-size:14px;line-height:1.4;margin:4px 0 0}
.sbp-books__submit{border:0;border-radius:40px;padding:15px 25px;min-height:50px;background:linear-gradient(180deg,var(--button-top,#ffc827),var(--button-bottom,#ffa704));color:var(--sbp-ink);font:700 16px/1.3 var(--font-body,inherit);cursor:pointer;flex:0 0 auto;max-width:100%}
.sbp-books__submit:disabled{opacity:.55;cursor:not-allowed}
.sbp-books .sbp-books__compatibility{padding:14px;border-radius:12px;background:#fff0ce;border:1px solid #e5b55c;font-size:15px}
.sbp-books button:focus-visible,.sbp-books__track:focus-visible{outline:3px solid #2f77d0;outline-offset:3px}
.sbp-books .sbp-method[aria-disabled=true],.sbp-books .sbp-character-option[aria-disabled=true]{opacity:.4;cursor:not-allowed}
.sbp-books .sbp-swatch:focus-within{outline:3px solid #3277ce;outline-offset:2px}
@media(max-width:1023px){.sbp-books__track{grid-auto-columns:calc((100% - 24px)/2)}.sbp-books__arrow--previous{inset-inline-start:-17px}.sbp-books__arrow--next{inset-inline-end:-17px}}
@media(max-width:599px){.sbp-books__heading{margin-bottom:28px}.sbp-books__heading h1{font-size:34px}.sbp-books__heading p{font-size:16px}.sbp-books h2{font-size:26px}.sbp-books__track{grid-auto-columns:100%;gap:18px}.sbp-books__arrow{width:40px;height:40px;font-size:34px}.sbp-books__arrow--previous{inset-inline-start:-12px}.sbp-books__arrow--next{inset-inline-end:-12px}.sbp-books__summary{padding:16px}.sbp-books__summary h3{font-size:23px}.sbp-books__summary ol{font-size:18px}.sbp-books__summary .sbp-books__total{font-size:22px}.sbp-books__continue{align-items:stretch;flex-direction:column;gap:16px;padding:16px}.sbp-books__submit{width:100%}.sbp-books__continue strong{font-size:20px}.sbp-book__title h3{font-size:25px}}