.sg{max-width:960px;margin:0 auto;padding:36px 16px 48px;color:rgb(var(--color-foreground));background:rgb(var(--color-background));overflow-wrap:anywhere}.sg-header{max-width:670px;margin:0 auto 20px;text-align:center}.sg-header h1{margin:8px 0 12px;font-size:clamp(3rem,8vw,5rem);line-height:1.1}.sg-eyebrow{font-size:1.3rem;letter-spacing:.06em;text-transform:uppercase}.sg-header p{line-height:1.55}.sg-status{min-height:48px;margin:12px 0 20px;text-align:center;font-weight:600}.sg-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:740px;margin:0 auto}.sg-hidden{display:none}.sg-card,.sg-preview-card{min-width:0;margin:0;padding:8px;border:1px solid rgba(var(--color-foreground),.18);border-radius:18px;background:#fff}.sg-preview-card figcaption{padding:8px;line-height:1.35}.sg-preview-card figcaption span{display:block;margin-top:8px;font-weight:700}.sg-pick{display:flex;flex-direction:column;align-items:stretch;width:100%;min-height:48px;padding:0;border:0;border-radius:12px;background:#fff;color:#222;font:inherit;cursor:pointer;text-align:center}.sg-image,.sg-preview-card img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:12px;background:#fff}.sg-product-title{display:flex;justify-content:center;align-items:center;min-height:4.4em;padding:10px 4px 0;font-weight:600;line-height:1.4;font-size:clamp(1.4rem,3.7vw,1.8rem)}.sg-price{display:block;margin:8px 0;font-weight:700}.sg-choice-label{display:block;min-height:48px;padding:10px;border-radius:10px;background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-weight:700}.sg-button{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;margin:8px 0;padding:12px 18px;border:2px solid rgb(var(--color-button));border-radius:12px;background:rgb(var(--color-button));color:rgb(var(--color-button-text));font:inherit;font-weight:600;line-height:1.3;text-align:center;text-decoration:none;cursor:pointer;white-space:normal}.sg-card>.sg-button{width:100%;padding:10px 4px;font-size:1.3rem}.sg-secondary{background:transparent;color:rgb(var(--color-foreground));border-color:rgba(var(--color-foreground),.32)}.sg-button:disabled{opacity:.55;cursor:not-allowed}.sg :is(button,a,select):focus-visible{outline:3px solid #1e61ad;outline-offset:4px;box-shadow:0 0 0 2px white}.sg-controls{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:18px auto;max-width:740px}.sg-count{flex-basis:100%;text-align:center;margin:0;font-size:1.3rem}.sg-footnote{text-align:center;font-size:1.3rem;margin-top:24px}.sg-result{display:grid;grid-template-columns:100px minmax(0,1fr);gap:16px;padding:16px 0;border-bottom:1px solid rgba(var(--color-foreground),.18)}.sg-result h3{margin:0 0 6px;font-size:1.8rem}.sg-result .sg-image{align-self:start}.sg-result-details{min-width:0}.sg-info,.sg-cart-link{display:inline-flex;min-width:48px;min-height:48px;align-items:center;color:rgb(var(--color-foreground));text-underline-offset:4px;margin-right:12px}.sg-variant-label{display:block;font-size:1.4rem}.sg-variant{display:block;width:100%;min-height:48px;margin:6px 0;padding:8px;border:1px solid #777;border-radius:8px;background:#fff;color:#222;font:inherit}.sg-pricing{padding:20px 16px;margin:24px 0;border-radius:16px;background:#fff7ed;color:#222}.sg-pricing h3{margin-top:0}.sg-equation{font-size:1.8rem;font-weight:700}.sg-pricing>.sg-button{display:flex;width:100%}.sg-size{margin:8px 0;font-size:1.4rem}@media(min-width:750px){.sg{padding:48px 32px 64px}.sg-board{gap:24px}.sg-card,.sg-preview-card{padding:16px}.sg-result{grid-template-columns:130px minmax(0,1fr)}.sg-pricing{padding:24px}.sg-card>.sg-button{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){.sg *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.sg-result .sg-thumb{width:100px;height:100px;min-width:0;max-width:100%;aspect-ratio:1;object-fit:contain;opacity:1;visibility:visible;display:block}@media(min-width:750px){.sg-result .sg-thumb{width:128px;height:128px}}

.sg-opening-card{font:inherit;color:inherit;text-align:center;cursor:pointer;min-height:48px}.sg-opening-card:disabled{cursor:wait;opacity:.65}.sg-opening-caption{display:block;padding:8px;line-height:1.35}.sg-opening-caption>span{display:block;margin-top:8px;font-weight:600}.sg-opening-card[aria-pressed="true"]{outline:3px solid rgb(var(--color-button));outline-offset:3px}

.sg-selected{margin:16px 0;padding:12px;border:1px solid rgba(var(--color-foreground),.15);border-radius:12px;background:rgba(var(--color-foreground),.025);min-width:0}.sg-selected h2{margin:0 0 10px;font-size:1.6rem;line-height:1.3}.sg-selected-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;list-style:none;margin:0;padding:0}.sg-selected-slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:126px;padding:8px;border:1px solid rgba(var(--color-foreground),.12);border-radius:8px;background:rgb(var(--color-background));text-align:center}.sg-selected-number{position:absolute;top:4px;left:4px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:18px;height:18px;border-radius:50%;background:rgba(var(--color-foreground),.07);font-size:1.1rem;font-weight:600}.sg-selected .sg-thumb{display:block;width:52px;height:52px;aspect-ratio:1;object-fit:contain;opacity:1;visibility:visible}.sg-selected-name,.sg-selected-placeholder{min-width:0;font-size:1.2rem;line-height:1.35;overflow-wrap:anywhere}.sg-selected-empty{border-style:dashed}.sg-selected-placeholder{opacity:.7}
@media(min-width:990px){.sg{display:grid;grid-template-columns:220px minmax(0,1fr);column-gap:24px;align-items:start;max-width:1180px}.sg-header,.sg-status,.sg-board,.sg-controls,.sg>[data-summary],.sg-footnote,.sg>noscript{grid-column:2;min-width:0}.sg-selected{grid-column:1;grid-row:3 / span 3;margin:0}.sg-selected-list{grid-template-columns:minmax(0,1fr)}.sg-selected-slot{display:grid;grid-template-columns:18px 48px minmax(0,1fr);min-height:80px;text-align:left;gap:6px}.sg-selected-number{position:static}.sg-selected .sg-thumb{width:48px;height:48px}.sg-selected-placeholder{grid-column:2 / -1}}
