.cds-compare{display:grid;gap:var(--flow-md)}.cds-compare>*+*{margin-top:0}.cds-compare .cds-compare__head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--flow-md);flex-wrap:wrap}.cds-compare .cds-compare__intro{max-width:640px}.cds-compare .cds-compare__head h2{margin:var(--flow-sm) 0 0;padding:0;font-size:var(--fs-h2);line-height:1.1;scroll-margin-top:96px}.cds-compare .cds-compare__head p{margin-top:var(--flow-sm);color:var(--muted);font-size:var(--fs-lead);line-height:1.58}.cds-compare .cds-tabs{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:var(--radius-full);background:var(--surface);box-shadow:var(--shadow-sm)}.cds-compare .cds-tabs__tab{min-height:40px;padding:8px 18px;border:0;border-radius:var(--radius-full);background:transparent;color:var(--ink-soft);font-family:var(--head);font-size:var(--fs-small);font-weight:700;cursor:pointer;transition:background .2s ease,color .2s ease}.cds-compare .cds-tabs__tab:hover{color:var(--navy);background:var(--line-soft)}.cds-compare .cds-tabs__tab[aria-selected=true]{background:var(--navy);color:var(--on-navy)}.cds-compare .cds-tabs__tab:focus-visible,.cds-compare .cds-swatch:focus-visible,.cds-compare .cds-chip:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.cds-compare .cds-panel__note{margin:0 0 var(--flow-sm);color:var(--muted);font-size:var(--fs-small)}.cds-compare .cds-panel__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--gap-grid)}.cds-compare .cds-panel__grid--single{grid-template-columns:minmax(0,560px)}.cds-compare .cds-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.cds-compare .cds-card__media{position:relative;margin:0;background:var(--line-soft)}.cds-compare .cds-card__media img{width:100%;height:auto;margin:0;border-radius:0;object-fit:cover;object-position:top}@media(min-width:1000px){.cds-compare[data-product-mode=package] .cds-panel__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cds-compare[data-product-mode=package] .cds-card__title h3{font-size:1.1rem;min-height:2.3em}.cds-compare[data-product-mode=package] .cds-card__body{padding:16px}}.cds-compare[data-product-mode=package] .cds-card__media img{object-fit:contain;object-position:center;background:#fff}.cds-compare .cds-card__tag{position:absolute;left:14px;bottom:14px;margin:0;padding:6px 12px;border-radius:var(--radius-full);background:#0a1c36d1;color:var(--on-navy);font-family:var(--head);font-size:var(--fs-meta);font-weight:700;line-height:1.3;backdrop-filter:blur(4px)}.cds-compare .cds-card__tag:empty{display:none}.cds-compare .cds-card__body{display:grid;gap:18px;padding:22px 24px 24px;flex:1;align-content:start}.cds-compare .cds-card__body>*{margin:0}.cds-compare .cds-card__brand{color:var(--brand-700);font-family:var(--head);font-size:var(--fs-caption);font-weight:700;letter-spacing:.16em;text-transform:uppercase}.cds-compare .cds-card__brand:empty{display:none}.cds-compare .cds-card__title h3{margin:4px 0 0;font-size:var(--fs-title-lg);line-height:1.15}.cds-compare .cds-price{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px;row-gap:2px;padding-bottom:18px;border-bottom:1px solid var(--line)}.cds-compare .cds-price__label,.cds-compare .cds-price__unit{color:var(--muted);font-size:var(--fs-small)}.cds-compare .cds-price__value{color:var(--navy);font-family:var(--display);font-size:2.25rem;font-weight:800;line-height:1;letter-spacing:-.01em}.cds-compare .cds-price__per{flex-basis:100%;color:var(--success);font-size:var(--fs-meta);font-weight:600}.cds-compare .cds-card__row{display:grid;gap:8px}.cds-compare .cds-card__row[hidden]{display:none}.cds-compare [data-cds-choices][data-compact=true]:not([data-expanded=true])>:nth-child(n+4):not([aria-pressed=true]),.cds-compare [data-cds-lengths]:not([data-expanded=true])>:nth-child(n+4),.cds-compare .cds-more[hidden]{display:none}.cds-compare .cds-more{justify-self:start;min-height:36px;padding:4px 12px;border:1px solid var(--line);border-radius:var(--radius-full);background:var(--surface);color:var(--brand-700);font:inherit;font-size:var(--fs-small);font-weight:600;cursor:pointer}.cds-compare .cds-more:hover{background:var(--line-soft)}.cds-compare .cds-more:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.cds-compare .cds-card__label{color:var(--muted);font-family:var(--head);font-size:var(--fs-caption);font-weight:700;letter-spacing:.08em;line-height:1.3;text-transform:uppercase}.cds-compare .cds-choices{display:flex;flex-wrap:wrap;gap:8px}.cds-compare .cds-swatch{width:36px;height:36px;padding:0;border:2px solid var(--surface);border-radius:50%;background-color:var(--line);background-size:900%;background-position:4% 4%;box-shadow:0 0 0 1px var(--line-strong);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.cds-compare .cds-swatch:hover{transform:scale(1.08)}.cds-compare .cds-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--navy)}.cds-compare .cds-chip{min-height:36px;padding:6px 12px;border:1px solid var(--line-strong);border-radius:var(--radius-full);background:var(--surface);color:var(--ink);font-family:var(--head);font-size:var(--fs-meta);font-weight:700;cursor:pointer;transition:background .15s ease,border-color .15s ease}.cds-compare .cds-chip:hover{border-color:var(--navy)}.cds-compare .cds-chip[aria-pressed=true]{border-color:var(--navy);background:var(--navy);color:var(--on-navy)}.cds-compare .cds-swatch[data-soldout],.cds-compare .cds-chip[data-soldout]{opacity:.45}.cds-compare .cds-lengths{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;margin:0;padding:0;list-style:none}.cds-compare .cds-lengths li{display:grid;gap:2px;margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-cool);line-height:1.35}.cds-compare .cds-lengths span{color:var(--muted);font-size:var(--fs-meta)}.cds-compare .cds-lengths strong{color:var(--ink);font-family:var(--head);font-size:var(--fs-ui)}.cds-compare .cds-lengths s{color:var(--muted);font-size:var(--fs-caption)}.cds-compare .cds-lengths li[data-soldout]{opacity:.5}.cds-compare .cds-lengths li[data-soldout] strong:after{content:" · sold out";color:var(--muted);font-size:var(--fs-caption);font-weight:600}.cds-compare .cds-card__stock{color:var(--muted);font-size:var(--fs-meta)}.cds-compare .cds-card__cta{justify-self:start;white-space:nowrap;text-align:left}.cds-compare .cds-compare__status{display:flex;align-items:center;gap:8px;margin:0;color:var(--muted);font-size:var(--fs-meta);line-height:1.4}.cds-compare .cds-dot{width:8px;height:8px;flex:none;border-radius:50%;background:var(--line-strong)}.cds-compare .cds-compare__status[data-state=live] .cds-dot{background:var(--success);box-shadow:0 0 0 4px var(--success-50)}.cds-compare .cds-compare__foot{margin:0;color:var(--muted);font-size:var(--fs-meta);line-height:1.5;max-width:80ch}.article-body .cds-compare{margin-top:52px;margin-bottom:12px}.article-body .cds-compare .cds-compare__head h2{font-size:clamp(26px,2.6vw,32px);line-height:1.2}.article-body .cds-compare .cds-compare__head p{font-size:var(--fs-body)}.article-body .cds-compare .cds-card__body{padding:18px 18px 20px}.article-body .cds-compare .cds-price__value{font-size:2rem}@media(max-width:760px){.cds-compare .cds-compare__head h2{font-size:2rem}.cds-compare .cds-tabs{width:100%}.cds-compare .cds-tabs__tab{flex:1;padding-inline:10px}.cds-compare .cds-panel__grid,.cds-compare .cds-panel__grid--single{grid-template-columns:1fr}.cds-compare .cds-card__body{padding:18px}.cds-compare .cds-card__cta{justify-self:stretch}.cds-compare .cds-swatch{width:40px;height:40px}}