.ob-page{max-width:820px;margin:0 auto;padding:16px 20px 96px}.ob-head{border-bottom:1px solid var(--cream-line);justify-content:space-between;align-items:center;padding:6px 0 22px;display:flex}.ob-brand{font-family:var(--serif);color:#235246;font-size:24px;text-decoration:none}.ob-test{letter-spacing:.08em;text-transform:uppercase;color:#8a4b12;border-radius:var(--r-btn-sm);background:#fbe6cf;padding:6px 10px;font-size:12px;font-weight:600}.ob-intro{padding:36px 0 8px}.ob-intro h1{font-size:clamp(34px,7vw,48px)}.ob-intro p{color:var(--muted);margin:10px 0 0;font-size:17px;line-height:1.55}.ob.lp{background:0 0}.ob-sec{border-bottom:1px solid var(--cream-line);gap:16px;padding:34px 0;display:grid}.ob-sec h2{align-items:center;gap:12px;font-size:27px;display:flex}.ob-sec h2 span{width:32px;height:32px;font:600 15px var(--sans);background:var(--sec);color:var(--on-sec);border-radius:50%;flex:none;place-items:center;display:grid}.ob-lead{color:var(--muted);font-size:16px;line-height:1.55}.ob-note{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.ob-span{grid-column:1/-1}.ob-choices{gap:12px;display:grid}@media (min-width:620px){.ob-choices-2{grid-template-columns:1fr 1fr}.ob-choices-3{grid-template-columns:1fr 1fr 1fr}}.ob-choice{cursor:var(--cursor-btn);border:1.5px solid var(--cream-line);background:var(--cream-2);border-radius:14px;gap:4px;padding:16px 18px;display:grid;position:relative}.ob-choice input{opacity:0;pointer-events:none;position:absolute}.ob-choice strong{font-size:17px}.ob-choice span{color:var(--muted);font-size:14px}.ob-choice.is-on{border-color:var(--sec);box-shadow:0 0 0 1.5px var(--sec)}.ob-choice:focus-within{outline:3px solid var(--accent);outline-offset:2px}.ob-grid{gap:16px;display:grid}@media (min-width:620px){.ob-grid{grid-template-columns:1fr 1fr}}.ob-field{border:0;align-content:start;gap:6px;min-width:0;margin:0;padding:0;display:grid}.ob-field>label,.ob-field legend{margin-bottom:6px;padding:0;font-size:15px;font-weight:600}.ob-field input,.ob-field select,.ob-field textarea{width:100%;min-height:48px;font:16px var(--sans);color:var(--ink);border:1px solid var(--cream-line);background:#fff;border-radius:10px;padding:11px 14px}.ob-field textarea{resize:vertical;line-height:1.5}.ob-field input:focus,.ob-field select:focus,.ob-field textarea:focus{outline:2px solid var(--sec);outline-offset:1px;border-color:#0000}.ob-field.has-error input{border-color:#b3261e}.ob-hint{color:var(--muted);font-size:13px}.ob-err{color:#b3261e;font-size:14px;font-weight:600}.ob-alert{color:#8c1d18;background:#fbe3e1;border-radius:12px;margin:16px 0 0;padding:12px 16px;font-weight:600}.ob-alert.ob-upsell{color:#1d4a3d;background:#e3efe9}.ob-chips{flex-wrap:wrap;gap:8px;display:flex}.ob-chip{min-height:44px;cursor:var(--cursor-btn);border:1.5px solid var(--cream-line);border-radius:var(--r-btn);background:#fff;align-items:center;padding:0 16px;font-size:15px;display:inline-flex;position:relative}.ob-chip input{opacity:0;pointer-events:none;position:absolute}.ob-chip.is-on{border-color:var(--sec);background:var(--sec);color:var(--on-sec)}.ob-chip:has(input:checked){border-color:var(--sec);background:var(--sec);color:var(--on-sec)}.ob-chip:focus-within{outline:3px solid var(--accent);outline-offset:2px}.ob-checks{gap:4px;display:grid}@media (min-width:620px){.ob-checks{grid-template-columns:1fr 1fr}}.ob-check{min-height:44px;cursor:var(--cursor-btn);align-items:flex-start;gap:10px;padding:10px 0;line-height:1.4;display:flex}.ob-check input{width:20px;height:20px;accent-color:var(--sec);flex:none;margin:0}.ob-terms.has-error span{color:#b3261e}.ob-cover{align-items:start;gap:24px;display:grid}.ob-cover-preview{justify-self:center;width:min(640px,100%)}.ob-cover-opts{gap:18px;display:grid}.ob-swatches{flex-wrap:wrap;gap:10px;display:flex}.ob-swatch{width:44px;height:44px;cursor:var(--cursor-btn);border-radius:50%;position:relative;box-shadow:inset 0 0 0 1px #0000001f}.ob-swatch input{opacity:0;cursor:var(--cursor-btn);position:absolute;inset:0}.ob-swatch.is-on{box-shadow:0 0 0 3px var(--cream), 0 0 0 5px var(--ink)}.ob-swatch:focus-within{outline:3px solid var(--accent);outline-offset:4px}.ob-btn{justify-self:start}.ob-link{font:inherit;color:var(--sec);text-underline-offset:3px;cursor:var(--cursor-btn);background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.ob-sum{background:var(--sec);color:var(--on-sec);border-radius:14px;padding:18px 20px}.ob-sum .eyebrow{color:var(--sec-accent)}.ob-sum .ob-note{color:var(--on-sec-muted)}.ob-price{font-family:var(--serif);margin:4px 0;font-size:44px;line-height:1.1}.ob-submit{justify-self:start;min-width:260px}@media (max-width:640px){.ob-submit{justify-self:stretch;width:100%;min-width:0}}.ob-submit:disabled{opacity:.6;cursor:progress}.ob-done{gap:14px;padding:12px 0;display:grid}.ob-done dl{background:var(--cream-2);border-radius:14px;grid-template-columns:auto 1fr;gap:8px 18px;margin:0;padding:18px;display:grid}.ob-done dt{color:var(--muted)}.ob-done dd{overflow-wrap:anywhere;margin:0}.ob-done h2{margin-top:12px;font-size:26px}.ob-done p{overflow-wrap:anywhere;margin:0;line-height:1.5}.ob-actions{flex-wrap:wrap;align-items:center;gap:18px;display:flex;margin-top:8px!important}.ob-qty{background:var(--cream-2);border:1px solid var(--cream-line);border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px 18px;padding:14px 18px;display:flex}.ob-qty>span:first-child{font-weight:600}.ob-stepper{border:1.5px solid var(--cream-line);border-radius:var(--r-btn);background:#fff;align-items:center;display:inline-flex}.ob-stepper button{width:44px;height:44px;cursor:var(--cursor-btn);color:var(--sec);background:0 0;border:0;font-size:22px}.ob-stepper button:disabled{opacity:.3;cursor:default}.ob-stepper output{text-align:center;min-width:32px;font-size:17px;font-weight:600}.ob-qty-price{font-family:var(--serif);margin-left:auto;font-size:26px}.ob-qty .ob-span{flex-basis:100%}.ob-qty-total{justify-items:start;line-height:1.1;display:grid}.ob-qty-total strong{font-family:var(--serif);color:var(--sec);font-size:30px;font-weight:500}.ob-qty-total span{color:var(--muted);font-size:13px}.ob-qty .ob-upsell{flex-basis:100%;margin:0}.ob-choice-main{padding:20px 22px}.ob-choice-main strong{font-size:19px;font-family:var(--serif);font-weight:400}.ob-choice-main.is-on{background:var(--sec);border-color:var(--sec);color:var(--on-sec);box-shadow:none}.ob-choice-main.is-on span{color:var(--on-sec-muted)}.ob-sub{border:0;gap:10px;min-width:0;margin:6px 0 0;padding:0;display:grid}.ob-sub legend{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;padding:0;font-size:12px;font-weight:600}.ob-sub .ob-choice{background:#fff;padding:12px 16px}.ob-sub .ob-choice strong{font-size:16px}.ob-thanks{border-radius:var(--r-btn-sm);background:#e6eeea;padding:8px 14px;font-weight:600;display:inline-block;color:#1d4a3f!important;margin:0 0 14px!important;font-size:15px!important}.ob-later{background:var(--cream-2);border:1px dashed var(--cream-line);border-radius:14px;margin:6px 0 0;padding:16px 18px;line-height:1.5}.ob-later p{margin:0}.ob-sec-end{border-bottom:0}.ob.lp{overflow:visible}.ob-end-actions{flex-wrap:wrap;align-items:center;gap:14px 24px;display:flex}.ob-later-link{margin-top:12px!important;font-size:15px!important}.ob-later-link a{color:#235246;font-weight:600}.ob-cover-label{font-size:15px;font-weight:600}.ob-cover-actions{flex-wrap:wrap;align-items:center;gap:12px 18px;display:flex}.ob .kn-photo-add{border-radius:var(--r-btn);border:1.5px solid var(--sec);min-height:46px;color:var(--sec);cursor:var(--cursor-btn);background:#fff;justify-content:center;align-items:center;padding:0 20px;font-weight:600;display:inline-flex;position:relative}.ob .kn-photo-add input{opacity:0;width:1px;height:1px;position:absolute}.ob .kn-photo-add.is-busy{opacity:.7;cursor:progress}.ob .kn-photo-add:focus-within{outline:3px solid var(--accent);outline-offset:2px}.ob-pos{justify-self:center;gap:12px;width:min(640px,100%);display:grid}.ob-pos .ob-cover-preview{width:100%}.ob-pos-box.is-movable img[data-cover-photo]{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.ob-pos-box.is-movable img[data-cover-photo]:active{cursor:grabbing}.ob-pos-ctl{gap:8px;display:grid}.ob-pos-ctl label{gap:2px;font-size:14px;display:grid}.ob-pos-ctl input[type=range]{width:100%;min-height:32px;accent-color:var(--sec)}.ob-saved{color:#235246;font-weight:600}.ob-font-moderne{font-family:var(--font-display), sans-serif;letter-spacing:.01em;font-weight:600}.ob-font-klasicke{font-family:var(--font-cover), Georgia, serif}.ob-field p.ob-hint{margin:8px 0 0}.ob-price-old{opacity:.55;vertical-align:middle;margin-right:10px;font-size:.5em}.ob-each{margin:2px 0 6px;font-weight:600;display:block}.ob-total{font-family:var(--serif);color:var(--ink);margin:0;font-size:28px}.ob-pay{gap:18px}.ob-pay-express:empty{display:none}.ob-pay-or{color:var(--muted);align-items:center;gap:14px;margin:0;font-size:14px;display:flex}.ob-pay-or:before,.ob-pay-or:after{content:"";background:var(--cream-line);flex:1;height:1px}.ob-pay-card{gap:16px;display:grid}.ob-field.has-error input,.ob-field.has-error select,.ob-field.has-error textarea{background:#fff8f7;border-width:2px;border-color:#b3261e}.ob-field.has-error>label,.ob-field.has-error legend,.ob-check.has-error span{color:#b3261e}.ob-check.has-error input{outline-offset:2px;outline:2px solid #b3261e}.ob-express .ob-note{margin:12px 0 18px}.ob-express .ob-pay-or{margin-top:4px}.ob-card-pay{margin:22px 0 18px}.ob-card-pay h3{font-family:var(--sans);margin:0 0 12px;font-size:16px;font-weight:600}.ob-express-wait{background:linear-gradient(90deg,#0000000f,#0000001c,#0000000f) 0 0/200% 100%;border-radius:10px;height:52px;animation:1.2s linear infinite ob-wait}@keyframes ob-wait{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.ob-express-wait{animation:none}}.ob-express-btn{position:relative}.ob-express-btn.is-wait{min-height:52px}.ob-express-btn.is-wait .ob-express-wait{z-index:1;position:absolute;inset:0}.ob-trust{color:var(--muted);gap:8px;margin:14px 0 0;padding:0;font-size:14px;list-style:none;display:grid}.ob-trust li{align-items:center;gap:10px;display:flex}.ob-trust svg{color:var(--sec);flex:none}.ob-addon{border:1.5px solid var(--sec);background:#fff;border-radius:12px;gap:10px;margin:0 0 24px;padding:18px 20px;display:grid}.ob-addon h2{margin:0;font-size:20px}.ob-addon p{margin:0}.ob-addon .btn{justify-self:start}@media (max-width:640px){.ob-addon .btn{justify-self:stretch}}.ob-check-hint{color:var(--muted);font-size:14px;display:block}.ob-yn{gap:0;display:grid}.ob-yn-row{border-bottom:1px solid var(--cream-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;padding:8px 0;display:flex}.ob-yn-row>span{flex:220px;line-height:1.4}.ob-yn-row .ob-chip{justify-content:center;min-width:64px}.ob-yn.has-error .ob-yn-row:not(:has(input:checked))>span{color:#b3261e;font-weight:600}.ob-yn:focus{outline:none}
