.compare-empty{width:min(560px, calc(100% - (var(--space-6) * 2)));margin:var(--space-8) auto;padding:var(--space-7);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);gap:var(--space-6);flex-direction:column;display:flex}.compare-empty__hero{flex-direction:column;align-items:flex-start;display:flex}.compare-empty__icon{border-radius:var(--radius-md);background:var(--color-accent-soft);width:44px;height:44px;color:var(--color-accent);margin-bottom:var(--space-4);justify-content:center;align-items:center;display:inline-flex}.compare-empty__icon svg{width:22px;height:22px}.compare-empty__eyebrow{margin:0 0 var(--space-2);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-tertiary);font-size:.6875rem;font-weight:600}.compare-empty__title{margin:0 0 var(--space-2);letter-spacing:0;color:var(--color-text);font-size:1.5rem;font-weight:700}.compare-empty__body{color:var(--color-text-secondary);max-width:38ch;margin:0;line-height:1.55}.compare-empty__action{margin-top:var(--space-5);justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-5);border-radius:var(--radius-pill);border:1px solid var(--color-accent);background:var(--color-accent);color:var(--color-text-on-accent);cursor:pointer;font-size:.9375rem;font-weight:600;display:inline-flex}.compare-empty__action svg{width:14px;height:14px}.compare-empty__preview{gap:var(--space-2);flex-direction:column;display:flex}.compare-empty__preview-label{padding:2px var(--space-2);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary);align-self:flex-start;font-size:.6875rem;font-weight:600}.compare-empty__preview-sheet{border:1px dashed color-mix(in srgb, var(--color-border-strong) 80%, transparent);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-bg-alt) 55%, var(--color-surface));display:grid;overflow:hidden}.compare-empty__preview-row{align-items:center;gap:var(--space-3);padding:var(--space-4);border-top:1px solid color-mix(in srgb, var(--color-border) 55%, transparent);grid-template-columns:1fr auto;display:grid}.compare-empty__preview-row:first-child{border-top:0}.compare-empty__preview-row>.compare-empty__preview-eyebrow,.compare-empty__preview-row>.compare-empty__preview-text{grid-column:1}.compare-empty__preview-eyebrow,.compare-empty__preview-text{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-text-tertiary) 24%, transparent);display:block}.compare-empty__preview-eyebrow{width:38%;height:7px}.compare-empty__preview-text{margin-top:var(--space-2);width:70%;height:12px}.compare-empty__preview-row:nth-child(2) .compare-empty__preview-text{width:60%}.compare-empty__preview-row:nth-child(3) .compare-empty__preview-text{width:82%}.compare-empty__preview-chev{border-right:1.5px solid color-mix(in srgb, var(--color-text-tertiary) 50%, transparent);border-bottom:1.5px solid color-mix(in srgb, var(--color-text-tertiary) 50%, transparent);width:8px;height:8px;margin-right:var(--space-2);grid-area:1/2/span 2;transform:rotate(-45deg)}.compare-preboot-loading{box-sizing:border-box;grid-column:1/-1;width:100%}.compare-preboot-loading__desktop{grid-template-columns:var(--compare-grid-label-width) repeat(var(--compare-column-count,4), minmax(0, 1fr));width:100%;display:grid}.compare-preboot-loading__horizon{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-accent) 32%, transparent) 8% 92%, transparent);height:1px;margin:var(--space-3) 0 var(--space-4);grid-column:1/-1}.compare-preboot-loading__row-label,.compare-preboot-loading__label-col{padding:var(--space-4);grid-column:1;align-items:center;display:flex}.compare-preboot-loading__row-label-line,.compare-preboot-loading__label-tag{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-text) 6%, transparent);display:block}.compare-preboot-loading__row-label-line{width:64%;height:9px}.compare-preboot-loading__label-tag{width:56px;height:10px}.compare-preboot-loading__row-cell{padding:var(--space-4) var(--space-5);border-left:1px solid color-mix(in srgb, var(--color-text) 4%, transparent);gap:var(--space-2);flex-direction:column;grid-column:span 1;display:flex}.compare-preboot-loading__row-cell-line{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-text) 4%, transparent);height:8px;display:block}.compare-preboot-loading__row-cell-line:first-child{width:72%}.compare-preboot-loading__row-cell-line:nth-child(2){width:48%}.compare-preboot-loading__card{padding:var(--space-4) var(--space-5) var(--space-3);flex-direction:column;grid-column:span 1;width:100%;min-width:0;max-width:320px;margin-inline:auto;display:flex}.compare-preboot-loading__media{aspect-ratio:4/3;border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-text) 5%, transparent);width:100%;display:block}.compare-preboot-loading__body{gap:var(--space-2);padding:var(--space-3) 0 0;flex-direction:column;display:flex}.compare-preboot-loading__chip{border-radius:var(--radius-pill);border:1px solid color-mix(in srgb, var(--color-text) 10%, transparent);width:88px;height:18px;display:block}.compare-preboot-loading__title-row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.compare-preboot-loading__line{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-text) 7%, transparent);height:11px;display:block}.compare-preboot-loading__line--title{flex:auto;max-width:70%;height:14px}.compare-preboot-loading__line--save{border:1px solid color-mix(in srgb, var(--color-text) 14%, transparent);background:0 0;border-radius:3px;flex:0 0 14px;width:14px;height:14px}.compare-preboot-loading__line--price{width:70%;height:18px}.compare-preboot-loading__line--weight{width:42%;height:9px}.compare-preboot-loading__line--package{width:84%;height:12px;margin-top:var(--space-1)}.compare-preboot-loading__mobile,:root[data-compare-camper-count="1"] .compare-preboot-loading__card:nth-of-type(n+2),:root[data-compare-camper-count="1"] .compare-preboot-loading__row-cell:nth-of-type(n+2),:root[data-compare-camper-count="2"] .compare-preboot-loading__card:nth-of-type(n+3),:root[data-compare-camper-count="2"] .compare-preboot-loading__row-cell:nth-of-type(n+3),:root[data-compare-camper-count="3"] .compare-preboot-loading__card:nth-of-type(n+4),:root[data-compare-camper-count="3"] .compare-preboot-loading__row-cell:nth-of-type(n+4){display:none}@media (width<=768px){.compare-empty{width:min(100%, calc(100vw - (var(--space-4) * 2)));margin:var(--space-4) auto var(--space-5);padding:var(--space-5);gap:var(--space-5)}.compare-empty__icon{width:40px;height:40px;margin-bottom:var(--space-3)}.compare-empty__title{font-size:1.32rem}.compare-empty__body{font-size:.94rem}.compare-empty__action{width:100%;min-height:46px}.compare-empty__preview-label{font-size:.64rem}.compare-preboot-loading{padding:var(--space-3) var(--space-4) var(--space-5)}.compare-preboot-loading__desktop{display:none}.compare-preboot-loading__mobile{gap:var(--space-4);width:100%;display:grid}.compare-preboot-loading__mobile-hero,.compare-preboot-loading__mobile-section-card{min-height:var(--space-14);border:1px solid color-mix(in srgb, var(--color-text) 8%, transparent);border-radius:var(--radius-lg);background:var(--surface-card)}.compare-preboot-loading__mobile-hero{min-height:20rem}.compare-preboot-loading__mobile-section{gap:var(--space-2);display:grid}}body[data-page=compare] #drawer{display:none}:root[data-page-key=compare],body[data-page=compare]{height:100vh;overflow:hidden}body[data-page=compare] .app-layout{height:100vh;min-height:0;overflow:hidden}body[data-page=compare] .main-content.compare-rows-host{background:var(--color-bg);height:100vh;min-height:0;overflow:hidden;margin-left:calc(var(--sidebar-collapsed) + (var(--shell-panel-inset) * 2))!important;margin-right:var(--shell-panel-inset)!important}:root[data-sidebar-state=overlay] body[data-page=compare] .main-content.compare-rows-host,:root[data-sidebar-state=locked] body[data-page=compare] .main-content.compare-rows-host{margin-left:calc(var(--sidebar-expanded) + (var(--shell-panel-inset) * 2))!important}body[data-page=compare] .compare-page.compare-rows-page{--compare-controls-height:0px;--compare-control-fill:color-mix(in srgb, var(--color-surface) 92%, var(--color-border) 8%);--compare-control-fill-hover:color-mix(in srgb, var(--color-surface) 84%, var(--color-border) 16%);--compare-grid-label-width:clamp(136px, 14vw, 176px);background:var(--surface-canvas,var(--color-bg));flex-direction:row;gap:0;min-width:0;height:100vh;min-height:0;display:flex;overflow:hidden}@supports (height:100dvh){:root[data-page-key=compare],body[data-page=compare],body[data-page=compare] .app-layout,body[data-page=compare] .main-content.compare-rows-host,body[data-page=compare] .compare-page.compare-rows-page{height:100dvh}}.compare-page.compare-rows-page .compare-workspace{flex-direction:column;flex:1;align-items:stretch;min-width:0;min-height:0;display:flex;overflow:hidden}.compare-page.compare-rows-page .compare-workspace__views{min-width:0;min-height:0;padding:0 var(--space-3) var(--space-4);box-sizing:border-box;flex-direction:column;flex:auto;display:flex;overflow:hidden auto}body[data-page=compare] .compare-page.compare-rows-page .compare-controls{align-items:center;gap:var(--space-2) var(--space-4);z-index:2;margin:var(--space-3) 0 var(--space-2);padding:var(--space-3) var(--space-4);border:var(--border-card);border-radius:var(--radius-xl);background:var(--surface-card);box-shadow:var(--shadow-card);flex-shrink:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"left center actions";display:grid;position:relative}body[data-page=compare][data-compare-active-mode=build] .compare-controls{border-bottom-right-radius:0;border-bottom-left-radius:0;margin-bottom:0}body[data-page=compare][data-compare-active-mode=build] .compare-page.compare-rows-page .compare-controls{background:var(--surface-card);box-shadow:none;backdrop-filter:none;border-bottom:0}.compare-controls__left{column-gap:var(--space-3);grid-area:left;grid-template-columns:auto minmax(0,1fr);align-items:center;min-width:0;display:grid}.compare-controls__left:before{content:"";background:var(--color-accent);width:10px;height:10px;box-shadow:0 0 0 4px color-mix(in srgb, var(--color-accent) 22%, transparent);border-radius:50%;grid-area:1/1/span 2;align-self:center}.compare-controls__title{font-family:var(--font-display);letter-spacing:0;color:var(--color-text);white-space:nowrap;grid-area:1/2;margin:0;font-size:.9375rem;font-weight:900;line-height:1}.compare-controls__count{color:var(--color-text-secondary);font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:700}.compare-controls__truck-mode{letter-spacing:.1em;text-transform:uppercase;max-width:100%;color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;grid-area:2/2;margin:2px 0 0;font-size:.6875rem;font-weight:700;line-height:1;overflow:hidden}.compare-controls__center{flex-shrink:0;grid-area:center;justify-self:center}.compare-controls__actions{white-space:nowrap;flex-wrap:nowrap;grid-area:actions;justify-self:end;align-items:center;gap:8px;min-width:0;display:flex;position:relative}.compare-controls__rule{background:color-mix(in srgb, var(--color-text) 14%, transparent);flex:none;width:1px;height:18px;margin:0 4px}.segmented-control{border:1px solid color-mix(in srgb, var(--color-text) 8%, transparent);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-text) 6%, var(--color-bg-alt));grid-template-columns:repeat(2,minmax(0,1fr));min-width:184px;padding:4px;display:grid;position:relative}.segmented-control__tab{min-height:32px;color:var(--color-text);font-family:var(--font-display);letter-spacing:0;z-index:2;border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:.8125rem;font-weight:800;line-height:1;display:inline-flex;position:relative}.segmented-control__icon{opacity:.7;flex:none;width:14px;height:14px}.segmented-control__tab.is-active,.segmented-control__tab[aria-selected=true]{color:var(--color-text)}.segmented-control__tab.is-active .segmented-control__icon,.segmented-control__tab[aria-selected=true] .segmented-control__icon{opacity:1;color:var(--color-accent)}.segmented-control__indicator{border-radius:var(--radius-pill);background:var(--color-surface);z-index:1;width:calc(50% - 4px);height:calc(100% - 8px);box-shadow:0 1px 6px color-mix(in srgb, var(--color-text) 18%, transparent), inset 0 1px 0 #fff9;position:absolute;top:4px;left:0}.btn{justify-content:center;align-items:center;gap:var(--space-1);border-radius:var(--radius-pill);background:var(--compare-control-fill);min-height:38px;color:var(--color-text-secondary);padding:0 var(--space-3);font-family:var(--font-sans);letter-spacing:.01em;cursor:pointer;border:1.5px solid #0000;flex:none;font-size:.8125rem;font-weight:600;display:inline-flex}.btn[hidden],.btn.is-hidden,.compare-diff-toggle.is-hidden,.overflow-dropdown[hidden],[hidden]{display:none!important}.btn--add-camper{border-color:var(--color-accent);background:var(--color-accent);min-height:34px;color:var(--color-text-on-accent);font-family:var(--font-display);letter-spacing:.04em;gap:6px;padding:0 14px;font-size:.75rem;font-weight:900}.btn--add-camper svg,.btn--upgrade-info svg{flex:none;width:13px;height:13px}.btn--upgrade-info{border-color:color-mix(in srgb, var(--color-text) 12%, transparent);background:color-mix(in srgb, var(--color-surface) 80%, transparent);min-height:34px;color:var(--color-text-secondary);font-family:var(--font-display);letter-spacing:.04em;gap:6px;padding:0 12px;font-size:.75rem;font-weight:800}.compare-diff-toggle{align-items:center;gap:var(--space-1);min-height:38px;padding:calc(var(--space-1) - 1px);border-radius:var(--radius-pill);border:1px solid color-mix(in srgb, var(--color-text) 12%, transparent);background:var(--compare-control-fill);flex:none;grid-auto-flow:column;display:inline-grid}.compare-grid-wrapper{background:var(--color-canvas);flex:auto;max-width:100%;position:relative;overflow:visible}.compare-page.compare-rows-page .compare-workspace__views>.compare-grid-wrapper{flex:none;min-width:0;min-height:0}.compare-grid{grid-template-columns:var(--compare-grid-label-width) repeat(var(--compare-column-count,4), minmax(0, 1fr));width:100%;min-width:0;display:grid}.compare-grid--empty{justify-content:center;min-width:0;display:flex}.compare-initial-loading{width:100%;display:none}:root[data-compare-camper-count] .compare-initial-empty{display:none}:root[data-compare-camper-count] .compare-initial-loading{grid-column:1/-1;display:block}:root[data-compare-camper-count] .compare-grid--empty:not(.compare-grid--unavailable){justify-content:stretch;display:grid}.compare-page.compare-rows-page>.info-panel{flex:0 0 0;width:0;min-width:0;overflow:hidden}:root[data-compare-initial-panel-state=hidden] .compare-page.compare-rows-page>.info-panel{display:none}@media (width>=769px){:root[data-compare-initial-panel-state=open] .compare-page.compare-rows-page>.info-panel{flex:0 0 380px;width:380px}body[data-page=compare] .compare-page.compare-rows-page>.info-sheet{display:none}}@media (width<=768px){body[data-page=compare] .compare-page.compare-rows-page>.info-sheet{z-index:var(--z-modal);display:block;position:fixed;inset:0}body[data-page=compare] .compare-page.compare-rows-page>.info-sheet:not(.is-open){pointer-events:none;opacity:0}:root[data-page-key=compare] body[data-page=compare] .main-content.compare-rows-host,:root[data-page-key=compare][data-sidebar-state=overlay] body[data-page=compare] .main-content.compare-rows-host,:root[data-page-key=compare][data-sidebar-state=locked] body[data-page=compare] .main-content.compare-rows-host,:root[data-page-key=compare] body[data-page=compare] .main-content.compare-rows-host[data-compare-panel-state=open]{margin-left:0!important;margin-right:0!important}body[data-page=compare] .compare-page.compare-rows-page .compare-controls{padding:var(--space-3) var(--space-3) var(--space-2);gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"left actions""center center"}.compare-controls__center,.segmented-control{width:100%}.compare-controls__actions{gap:var(--space-1)}.compare-controls__title{text-overflow:ellipsis;max-width:100%;font-size:1rem;overflow:hidden}.compare-controls__count{font-size:.88rem}.btn--upgrade-info span,.compare-controls__rule{display:none}.compare-grid-wrapper{overscroll-behavior-x:contain;padding:0 var(--space-2) var(--space-4);overflow-x:clip}:root[data-compare-camper-count] body[data-page=compare] .compare-page.compare-rows-page .compare-controls{display:none}:root[data-compare-camper-count] body[data-page=compare] .compare-page.compare-rows-page .compare-workspace__views,:root[data-compare-camper-count] body[data-page=compare] .compare-page.compare-rows-page .compare-grid-wrapper--build{padding-left:0;padding-right:0}}