.ss{--ss-accent: #7A4E2D;--ss-accent-strong: #6A4226;--ss-accent-light: #F2E8DF;--ss-roast-caramel: #985F33;--ss-roast-taupe: #7C6C60;--ss-text: #1C1917;--ss-text-2: #6B5E56;--ss-surface: #FFFFFF;--ss-bg: #FAF7F4;--ss-border: #E2D7CC;--ss-border-strong: #D2C3B4;--ss-shadow: 0 1px 2px rgba(28, 25, 23, .04), 0 6px 16px rgba(122, 78, 45, .07);--ss-shadow-hero: 0 2px 6px rgba(28, 25, 23, .06), 0 14px 34px rgba(122, 78, 45, .12);--ss-radius: 16px;background:var(--ss-bg);color:var(--ss-text);line-height:1.6;font-variant-numeric:lining-nums;overflow-x:hidden}.ss *{box-sizing:border-box}.ss .wrap{max-width:680px;margin-inline:auto;padding:0 18px 80px}.ss .section{margin-block-start:36px}.ss .section-head{display:flex;align-items:baseline;gap:10px;margin-block-end:14px;padding-block-end:10px;border-block-end:2px solid var(--ss-border-strong)}.ss .section-num{inline-size:26px;block-size:26px;flex:0 0 auto;border-radius:8px;background:var(--ss-accent);color:#fff;font-size:14px;font-weight:700;display:grid;place-items:center;align-self:center}.ss .section-head h2{font-size:21px;font-weight:700;margin:0;color:var(--ss-accent)}.ss .section-head .note{font-size:13px;color:var(--ss-text-2);font-weight:500;margin-inline-start:auto}.ss .section--upsell .section-num{background:var(--ss-roast-caramel)}.ss .section--upsell .section-head h2{color:var(--ss-roast-caramel);font-weight:600}.ss .section--upsell .section-head{border-block-end-color:var(--ss-border)}.ss .section--owned .section-num{background:var(--ss-roast-taupe)}.ss .section--owned .section-head h2{color:var(--ss-roast-taupe);font-weight:600}.ss .section--owned .section-head{border-block-end-color:var(--ss-border)}.ss .cards{display:flex;flex-direction:column;gap:14px;list-style:none;padding:0;margin:0}.ss .card{background:var(--ss-surface);border:1px solid var(--ss-border);border-radius:var(--ss-radius);box-shadow:var(--ss-shadow);padding:16px;position:relative}.ss .section--upsell .card{background:#fcfaf8;box-shadow:0 1px 2px #1c191708}.ss .section--owned .card{background:var(--ss-bg);border-color:var(--ss-border);box-shadow:0 1px 2px #1c191708}.ss .card--hero{border:2px solid var(--ss-accent);box-shadow:var(--ss-shadow-hero);padding:20px 18px;overflow:hidden}.ss .card--hero:before{content:"";position:absolute;inset-block-start:0;inset-inline:0;block-size:4px;background:var(--ss-accent)}.ss .badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;margin-block-end:8px}.ss .badge--tier{background:var(--ss-accent-light);color:var(--ss-accent-strong);border:1px solid #E4D2BF}.ss .hero-anchor{display:block;font-size:11.5px;font-weight:600;letter-spacing:1.5px;color:var(--ss-accent);margin-block-end:6px}.ss .card__name{font-size:17px;font-weight:700;margin:0 0 5px;line-height:1.4;color:var(--ss-text)}.ss .card--hero .card__name{font-size:19px}.ss .card__why{font-size:14px;color:var(--ss-text-2);margin:0 0 14px;line-height:1.65}.ss .card__name,.ss .card__why{text-align:center;overflow-wrap:anywhere}.ss .owned-base{display:flex;flex-direction:column;gap:4px}.ss .owned-cat-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}.ss .owned-cat{font-size:17px;font-weight:700;margin:0;line-height:1.4;color:var(--ss-text)}.ss .owned-cue{font-size:13px;font-weight:600;color:var(--ss-roast-taupe)}.ss .owned-subline{font-size:13.5px;color:var(--ss-text-2);margin:0;line-height:1.6}.ss .actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.ss .btn-buy{flex:1 1 auto;min-inline-size:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;background:var(--ss-accent);color:#fff;font-family:inherit;font-size:15px;font-weight:700;padding:13px 18px;border:none;border-radius:12px;box-shadow:0 2px 0 var(--ss-accent-strong),0 6px 14px #7a4e2d47;cursor:pointer;transition:transform .08s ease,box-shadow .12s ease,background .12s ease;white-space:nowrap}.ss .btn-buy:hover{background:var(--ss-accent-strong)}.ss .btn-buy:active{transform:translateY(1px);box-shadow:0 1px 0 var(--ss-accent-strong),0 3px 8px #7a4e2d40}.ss .btn-buy .cart{font-size:16px}.ss .btn-change,.ss .btn-next{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;background:#fff;color:var(--ss-accent-strong);font-family:inherit;font-size:14px;font-weight:600;padding:12px 16px;border:1.5px solid var(--ss-border-strong);border-radius:12px;cursor:pointer;transition:border-color .12s ease,background .12s ease;white-space:nowrap}.ss .btn-change:hover,.ss .btn-next:hover{border-color:var(--ss-accent);background:var(--ss-accent-light)}.ss .btn-change .swap,.ss .btn-next .swap{font-size:15px}.ss .revert{background:none;border:none;font-family:inherit;font-size:12.5px;font-weight:600;color:var(--ss-text-2);cursor:pointer;padding:6px 4px;text-decoration:underline;text-underline-offset:3px;flex:0 0 100%;text-align:start;margin-block-start:-2px}.ss .revert:hover{color:var(--ss-accent-strong)}.ss .purchase-toggle{display:block;margin-block-start:8px;font-size:12.5px;font-weight:600;color:var(--ss-text-2);background:none;border:none;cursor:pointer;padding:6px 4px 0;text-align:start}.ss .purchase-toggle:hover{color:var(--ss-accent-strong)}@keyframes ss-pop{0%{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ss .morph{animation:ss-pop .22s ease}@media(max-width:360px){.ss .wrap{padding-inline:12px}.ss .card{padding:14px}.ss .actions{flex-direction:column;align-items:stretch}.ss .btn-buy,.ss .btn-change,.ss .btn-next{inline-size:100%;flex:1 1 auto}.ss .section-head .note{display:none}}.ss .footnote{text-align:center;font-size:12px;color:var(--ss-text-2);margin-block-start:40px}