/* The default checkout shell owns its width and typography on any theme. */
@font-face { font-family:YindleCheckout; src:url('plus-jakarta-sans-latin.woff2') format('woff2'); font-style:normal; font-weight:200 800; font-display:swap; }
html.yce-checkout-document { font-size:16px; }
body.yce-focused-checkout { margin:0; padding:0; min-width:0; background:#faf9f6; color:#202024; font-family:YindleCheckout,system-ui,sans-serif; font-size:16px; line-height:1.5; }
.yce-focused-checkout .yce-shell-header, .yce-focused-checkout .yce-shell-main, .yce-focused-checkout .yce-shell-footer { box-sizing:border-box; }
.yce-focused-checkout .yce-shell-header { margin:0; padding:0; background:#fff; border-bottom:1px solid #e3e1dd; }
.yce-focused-checkout .yce-shell-header__inner { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; max-width:80rem; margin:0 auto; padding:1.5rem 2rem; }
.yce-focused-checkout .yce-shell-brand { min-width:0; font-size:1.4rem; font-weight:750; line-height:1.25; }
.yce-focused-checkout .yce-shell-brand a { display:block; color:inherit; text-decoration:none; }
.yce-focused-checkout .yce-shell-brand img { display:block; width:auto; max-width:12rem; height:auto; max-height:3rem; object-fit:contain; }
.yce-focused-checkout .yce-shell-back { flex-shrink:0; color:var(--yce-accent,#524fcc); font-size:.875rem; text-decoration:none; }
.yce-focused-checkout .yce-shell-main { width:100%; max-width:80rem; margin:0 auto; padding:3.5rem 2rem 4rem; }
.yce-focused-checkout .yce-shell-title { max-width:none; margin:0 0 2rem; color:#202024; font:700 clamp(2rem,4vw,3rem)/1.15 YindleCheckout,system-ui,sans-serif; letter-spacing:-.04em; }
.yce-focused-checkout .yce-shell-content { width:100%; max-width:none; margin:0; padding:0; font:inherit; }
.yce-focused-checkout .yce-shell-content > * { max-width:100%; }
.yce-focused-checkout .yce-checkout { font:inherit; --yce-accent:inherit; }
.yce-focused-checkout .yce-checkout button, .yce-focused-checkout .yce-checkout input, .yce-focused-checkout .yce-checkout select, .yce-focused-checkout .yce-checkout textarea { font-family:inherit; font-size:1rem; }
.yce-focused-checkout .yce-shell-footer { display:flex; justify-content:center; flex-wrap:wrap; gap:1.5rem; max-width:76rem; margin:0 auto; padding:1.5rem 2rem; border-top:1px solid #e3e1dd; color:#66727c; font-size:.8rem; }
.yce-focused-checkout .yce-shell-footer a { color:inherit; }
.yce-focused-checkout .yce-shell-skip { position:absolute; left:1rem; top:-10rem; z-index:999999; padding:.75rem 1rem; background:#fff; color:var(--yce-accent,#524fcc); }
.yce-focused-checkout .yce-shell-skip:focus { top:1rem; }
.yce-focused-checkout .yce-shell-header a:focus-visible, .yce-focused-checkout .yce-shell-footer a:focus-visible { outline:3px solid var(--yce-accent,#524fcc); outline-offset:4px; }
@media (max-width:600px) {
	.yce-focused-checkout .yce-shell-header__inner { padding:1.25rem; gap:1rem; }
	.yce-focused-checkout .yce-shell-brand { font-size:1.1rem; }
	.yce-focused-checkout .yce-shell-brand img { max-width:9rem; }
	.yce-focused-checkout .yce-shell-back { flex-shrink:1; text-align:right; }
	.yce-focused-checkout .yce-shell-main { padding:2rem 1.25rem 3rem; }
	.yce-focused-checkout .yce-shell-title { margin-bottom:1.5rem; }
}