.scc-comparison{color:var(--color--text);background:var(--color--bg)}.scc-comparison__intro{margin:12px auto 0;max-width:560px}.scc-comparison__intro p:last-child{margin-bottom:0}.scc-comparison__scroller .scc-comparison__grid{display:grid;grid-template-columns:repeat(var(--comparison-columns),minmax(0,1fr));gap:0 16px;padding:3px}.scc-comparison__card{--comparison-content-padding: 20px;position:relative;display:grid;grid-row:span 7;grid-template-rows:subgrid;min-width:0;border:1px solid var(--color--text-lightest);border-radius:var(--radius-variant);background:var(--color--bg)}.scc-comparison__card--current{border-color:var(--color--text);box-shadow:0 0 3px 1px var(--color--text-lightest)}.scc-comparison__media{position:relative;align-self:start;margin-bottom:16px;overflow:hidden;border-radius:calc(var(--radius-variant) - 1px) calc(var(--radius-variant) - 1px) 0 0}.scc-comparison__badge{position:absolute;top:8px;left:8px;background-color:var(--color--text)}.scc-comparison__secondary-image{object-fit:contain;pointer-events:none}.no-touchevents .scc-comparison__card:hover .scc-comparison__secondary-image{opacity:1}.scc-comparison__badge .label__text{color:var(--color--bg)}.scc-comparison__name{align-self:start;padding:0 var(--comparison-content-padding) 12px;overflow-wrap:anywhere}.scc-comparison__details{display:grid;grid-row:span 4;grid-template-rows:subgrid;margin:0 var(--comparison-content-padding)}.scc-comparison__row{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:8px;min-height:48px;padding:12px 0;border-top:1px solid var(--color--text-lightest)}.scc-comparison__row dt{font-size:.9rem;font-weight:var(--font--title-weight);line-height:1.5}.scc-comparison__row dd{margin:0;font-size:1rem;font-weight:var(--font--body-weight);line-height:1.6;overflow-wrap:anywhere}.scc-comparison__row:not(.scc-comparison__row--notes) dd{text-align:right}.scc-comparison__roast{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px 12px}.scc-comparison__roast-scale{position:relative;display:inline-block;width:56px;height:4px;margin:4px;border-radius:999px;background:linear-gradient(90deg,#f8be00,#d48232,#bc4700,#6b2f1d)}.scc-comparison__roast-scale span{position:absolute;top:50%;left:var(--roast-position);width:8px;height:8px;border-radius:50%;background:#003b4d;transform:translate(-50%,-50%)}.scc-comparison__meter{display:flex;align-items:center;gap:4px;max-width:156px;margin-left:auto}.scc-comparison__segment{flex:1;height:5px;background:var(--color--text-lightest)}.scc-comparison__segment--filled{background:var(--color--accent)}.scc-comparison__score{margin-left:4px;font-size:.85rem;white-space:nowrap}.scc-comparison__row--notes{grid-template-columns:minmax(0,1fr);align-content:start;gap:8px;min-height:0;padding-bottom:0}.scc-comparison__notes{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px}.scc-comparison__note{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;max-width:100%;font-size:.875rem;line-height:1.4;text-align:center;overflow-wrap:normal}.scc-comparison__note img{flex:0 0 24px;width:24px;height:24px;object-fit:contain}.scc-comparison__footer{align-self:end;padding:16px var(--comparison-content-padding) var(--comparison-content-padding)}.scc-comparison__footer .c-btn{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 12px;line-height:1.5}.scc-comparison__current{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;margin:0;color:var(--color--text);font-size:.9rem;line-height:1.5;text-align:center}.scc-comparison__help{margin:24px 0 0;font-size:.9rem;line-height:1.7;text-align:center}.scc-comparison__grid:focus-visible,.scc-comparison__footer a:focus-visible,.scc-comparison__media button:focus-visible{outline:2px solid var(--color--text);outline-offset:3px}.scc-comparison__editor-note{padding:16px;background:var(--color--text-bg-light)}@media screen and (max-width:980px){.scc-comparison__scroller{width:calc(100% + 36px);margin-inline:-18px}.scc-comparison__scroller[scrollable]{margin-bottom:var(--scroll-bar-margin)}.scc-comparison .scc-comparison__scroller[scroll-enabled] .navigation{display:none}.scc-comparison .scc-comparison__scroller .scc-comparison__grid{display:grid;grid-template-columns:repeat(var(--comparison-columns),minmax(270px,1fr));padding:3px 18px;overflow-x:auto;scroll-padding-inline:18px;scroll-snap-type:x mandatory;scrollbar-width:none}.scc-comparison__grid::-webkit-scrollbar{display:none}.scc-comparison__card{scroll-snap-align:start}}@media screen and (max-width:560px){.scc-comparison .scc-comparison__scroller .scc-comparison__grid{grid-template-columns:repeat(var(--comparison-columns),82%);gap:0 12px}.scc-comparison__card{--comparison-content-padding: 16px}.scc-comparison__row{grid-template-columns:82px minmax(0,1fr)}.scc-comparison__row--notes{grid-template-columns:minmax(0,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/section-product-comparison.css.map */