.boat-selector{width:100%;position:relative}.boat-selector__trigger{width:100%;padding:var(--northstar-spacing-sm)var(--northstar-spacing-md);border:2px solid var(--northstar-color-gray-200);border-radius:var(--northstar-radius-lg);background:var(--northstar-color-white);cursor:pointer;align-items:center;gap:var(--northstar-spacing-sm);transition:all var(--northstar-transition-base);display:flex}.boat-selector__trigger:hover{border-color:var(--northstar-color-gold)}.boat-selector__trigger--open{border-color:var(--northstar-color-gold);box-shadow:0 0 0 3px #eeb2111a}.boat-selector__trigger-icon{color:#10014e66;flex-shrink:0}.boat-selector__trigger-text{font-size:var(--northstar-font-size-sm);color:#10014e80;text-align:left;flex:1}.boat-selector__chevron{color:#10014e66;transition:transform var(--northstar-transition-base);flex-shrink:0}.boat-selector__chevron--open{transform:rotate(180deg)}.boat-selector__dropdown{top:calc(100% + var(--northstar-spacing-xs));background:var(--northstar-color-white);border:2px solid var(--northstar-color-gray-200);border-radius:var(--northstar-radius-xl);box-shadow:var(--northstar-shadow-2xl);z-index:100;flex-direction:column;max-height:400px;animation:.2s ease-out boatSelectorFadeIn;display:flex;position:absolute;left:0;right:0;overflow:hidden}@keyframes boatSelectorFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.boat-selector__search{padding:var(--northstar-spacing-md);border-bottom:2px solid var(--northstar-color-gray-100);align-items:center;gap:var(--northstar-spacing-sm);background:var(--northstar-color-gray-50);display:flex}.boat-selector__search-icon{color:#10014e66;flex-shrink:0}.boat-selector__search-input{font-size:var(--northstar-font-size-sm);color:var(--northstar-color-navy);background:0 0;border:none;outline:none;flex:1}.boat-selector__search-input::placeholder{color:#10014e66}.boat-selector__options{max-height:320px;overflow-y:auto}.boat-selector__option{padding:var(--northstar-spacing-sm)var(--northstar-spacing-md);align-items:center;gap:var(--northstar-spacing-md);cursor:pointer;transition:background-color var(--northstar-transition-fast);border-bottom:1px solid var(--northstar-color-gray-100);display:flex}.boat-selector__option:last-child{border-bottom:none}.boat-selector__option:hover{background:var(--northstar-color-gray-50)}.boat-selector__option--selected{background:#eeb2111a}.boat-selector__option--selected:hover{background:#eeb21126}.boat-selector__option-image{object-fit:cover;border-radius:var(--northstar-radius-md);background:var(--northstar-color-gray-100);flex-shrink:0;width:64px;height:48px}.boat-selector__option-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.boat-selector__option-title{font-size:var(--northstar-font-size-sm);color:var(--northstar-color-navy);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.boat-selector__option-details{font-size:var(--northstar-font-size-xs);color:#10014e99;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.boat-selector__loading{justify-content:center;align-items:center;gap:var(--northstar-spacing-sm);padding:var(--northstar-spacing-2xl);color:#10014e99;font-size:var(--northstar-font-size-sm);display:flex}.boat-selector__spinner{border:2px solid var(--northstar-color-gray-200);border-top-color:var(--northstar-color-gold);border-radius:var(--northstar-radius-full);width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.boat-selector__empty{justify-content:center;align-items:center;gap:var(--northstar-spacing-sm);padding:var(--northstar-spacing-2xl);color:#10014e66;font-size:var(--northstar-font-size-sm);flex-direction:column;display:flex}.boat-selector__hint{padding:var(--northstar-spacing-sm)var(--northstar-spacing-md);text-align:center;font-size:var(--northstar-font-size-xs);color:#10014e80;background:var(--northstar-color-gray-50);border-top:1px solid var(--northstar-color-gray-100)}
.compare-page{min-height:60vh;padding:var(--northstar-spacing-2xl)var(--northstar-spacing-xl);background:var(--northstar-color-gray-50)}.compare-page__header{max-width:var(--northstar-max-width-7xl);margin:0 auto var(--northstar-spacing-2xl)}.compare-page__back-link{align-items:center;gap:var(--northstar-spacing-xs);color:var(--northstar-color-navy);font-size:var(--northstar-font-size-sm);margin-bottom:var(--northstar-spacing-xl);padding:var(--northstar-spacing-sm)var(--northstar-spacing-md);background:var(--northstar-color-white);border-radius:var(--northstar-radius-full);box-shadow:var(--northstar-shadow-sm);transition:all var(--northstar-transition-base);font-weight:600;text-decoration:none;display:inline-flex}.compare-page__back-link:hover{color:var(--northstar-color-gold);box-shadow:var(--northstar-shadow-md);transform:translate(-4px)}.compare-page__header-content{text-align:center}.compare-page__header-icon{background:linear-gradient(135deg,var(--northstar-color-navy)0%,var(--northstar-color-navy-light)100%);border-radius:var(--northstar-radius-2xl);width:64px;height:64px;color:var(--northstar-color-gold);margin-bottom:var(--northstar-spacing-lg);box-shadow:var(--northstar-shadow-lg);justify-content:center;align-items:center;display:inline-flex}.compare-page__title{font-family:var(--northstar-font-serif);font-size:var(--northstar-font-size-4xl);color:var(--northstar-color-navy);margin-bottom:var(--northstar-spacing-sm);font-weight:700}.compare-page__subtitle{font-size:var(--northstar-font-size-base);color:#10014e99;max-width:500px;margin:0 auto}.compare-page__content{max-width:var(--northstar-max-width-7xl);margin:0 auto}.compare-page__boats-row{gap:var(--northstar-spacing-lg);margin-bottom:var(--northstar-spacing-2xl);grid-template-columns:repeat(3,1fr);display:grid}.compare-page__boat-slot{min-height:280px}.compare-page__boat-card{background:var(--northstar-color-white);border-radius:var(--northstar-radius-2xl);box-shadow:var(--northstar-shadow-lg);height:100%;transition:all var(--northstar-transition-base);border:2px solid #0000;flex-direction:column;display:flex;overflow:hidden}.compare-page__boat-card:hover{box-shadow:var(--northstar-shadow-xl);border-color:var(--northstar-color-gold)}.compare-page__boat-image-wrapper{width:100%;height:160px;position:relative;overflow:hidden}.compare-page__boat-image{object-fit:cover;width:100%;height:100%;transition:transform var(--northstar-transition-slower)}.compare-page__boat-card:hover .compare-page__boat-image{transform:scale(1.05)}.compare-page__boat-overlay{height:40%;padding:var(--northstar-spacing-sm);background:linear-gradient(#0000,#10014ecc);align-items:flex-end;display:flex;position:absolute;bottom:0;left:0;right:0}.compare-page__boat-number{background:var(--northstar-color-gold);border-radius:var(--northstar-radius-full);width:28px;height:28px;color:var(--northstar-color-navy);font-size:var(--northstar-font-size-sm);justify-content:center;align-items:center;font-weight:700;display:flex}.compare-page__remove-button{top:var(--northstar-spacing-sm);right:var(--northstar-spacing-sm);border-radius:var(--northstar-radius-full);width:28px;height:28px;color:var(--northstar-color-navy);cursor:pointer;transition:all var(--northstar-transition-base);box-shadow:var(--northstar-shadow-md);background:#fffffff2;border:none;justify-content:center;align-items:center;font-size:18px;font-weight:700;line-height:1;display:flex;position:absolute}.compare-page__remove-button:hover{color:#fff;background:#dc2626;transform:scale(1.1)}.compare-page__boat-info{padding:var(--northstar-spacing-md)var(--northstar-spacing-lg);flex-direction:column;flex:1;display:flex}.compare-page__boat-title{font-family:var(--northstar-font-serif);font-size:var(--northstar-font-size-base);color:var(--northstar-color-navy);margin-bottom:var(--northstar-spacing-xs);font-weight:700;line-height:1.3}.compare-page__boat-name{font-size:var(--northstar-font-size-xs);color:#10014e99;margin-bottom:var(--northstar-spacing-sm);font-style:italic}.compare-page__view-link{align-items:center;gap:var(--northstar-spacing-xs);color:var(--northstar-color-gold);font-size:var(--northstar-font-size-xs);transition:color var(--northstar-transition-base);margin-top:auto;font-weight:600;text-decoration:none;display:inline-flex}.compare-page__view-link:hover{color:var(--northstar-color-gold-dark)}.compare-page__boat-selector{padding:var(--northstar-spacing-sm)var(--northstar-spacing-md);border-top:1px solid var(--northstar-color-gray-100);background:var(--northstar-color-gray-50)}.compare-page__empty-slot{background:var(--northstar-color-white);border:3px dashed var(--northstar-color-gray-200);border-radius:var(--northstar-radius-2xl);padding:var(--northstar-spacing-xl);text-align:center;min-height:280px;transition:all var(--northstar-transition-base);flex-direction:column;justify-content:center;align-items:center;display:flex}.compare-page__empty-slot:hover{border-color:var(--northstar-color-gold);background:#eeb21105}.compare-page__empty-icon{background:var(--northstar-color-gray-100);border-radius:var(--northstar-radius-full);color:#10014e66;width:56px;height:56px;margin-bottom:var(--northstar-spacing-md);justify-content:center;align-items:center;display:flex}.compare-page__empty-text{font-size:var(--northstar-font-size-sm);color:#10014e99;margin-bottom:var(--northstar-spacing-md);font-weight:600}.compare-page__specs{background:var(--northstar-color-white);border-radius:var(--northstar-radius-2xl);box-shadow:var(--northstar-shadow-xl);border:1px solid var(--northstar-color-gray-100);overflow:hidden}.compare-page__table-header{background:var(--northstar-color-navy);color:var(--northstar-color-white);z-index:10;grid-template-columns:200px 1fr;display:grid;position:sticky;top:0}.compare-page__table-header-label{padding:var(--northstar-spacing-lg);font-family:var(--northstar-font-serif);font-size:var(--northstar-font-size-sm);text-transform:uppercase;letter-spacing:.05em;border-right:1px solid #ffffff1a;font-weight:700}.compare-page__table-header-values{grid-template-columns:repeat(3,1fr);display:grid}.compare-page__table-header-boat{padding:var(--northstar-spacing-md)var(--northstar-spacing-lg);align-items:center;gap:var(--northstar-spacing-sm);border-right:1px solid #ffffff1a;display:flex}.compare-page__table-header-boat:last-child{border-right:none}.compare-page__header-boat-number{background:var(--northstar-color-gold);border-radius:var(--northstar-radius-full);width:24px;height:24px;color:var(--northstar-color-navy);font-size:var(--northstar-font-size-xs);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.compare-page__header-boat-name{font-size:var(--northstar-font-size-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.compare-page__header-empty{color:#fff6}.compare-page__spec-group{border-bottom:1px solid var(--northstar-color-gray-100)}.compare-page__spec-group:last-child{border-bottom:none}.compare-page__spec-group-header{background:linear-gradient(135deg,var(--northstar-color-navy)0%,var(--northstar-color-navy-light)100%);padding:var(--northstar-spacing-sm)var(--northstar-spacing-lg)}.compare-page__spec-group-title{font-family:var(--northstar-font-serif);font-size:var(--northstar-font-size-sm);color:var(--northstar-color-gold);text-transform:uppercase;letter-spacing:.05em;margin:0;font-weight:700}.compare-page__spec-rows{flex-direction:column;display:flex}.compare-page__spec-row{border-bottom:1px solid var(--northstar-color-gray-100);transition:background-color var(--northstar-transition-fast);grid-template-columns:200px 1fr;display:grid}.compare-page__spec-row:last-child{border-bottom:none}.compare-page__spec-row:hover{background:#eeb21108}.compare-page__spec-row--even{background:var(--northstar-color-gray-50)}.compare-page__spec-row--even:hover{background:#eeb2110f}.compare-page__spec-label{padding:var(--northstar-spacing-md)var(--northstar-spacing-lg);font-size:var(--northstar-font-size-sm);color:var(--northstar-color-navy);border-right:1px solid var(--northstar-color-gray-100);align-items:center;font-weight:600;display:flex}.compare-page__spec-values{grid-template-columns:repeat(3,1fr);display:grid}.compare-page__spec-value{padding:var(--northstar-spacing-md)var(--northstar-spacing-lg);font-size:var(--northstar-font-size-sm);color:var(--northstar-color-navy);border-right:1px solid var(--northstar-color-gray-100);transition:all var(--northstar-transition-base);align-items:center;display:flex}.compare-page__spec-value:last-child{border-right:none}.compare-page__spec-value--highlight{color:var(--northstar-color-navy);background:#eeb21126;font-weight:600}.compare-page__spec-value--na{color:#10014e59;font-style:italic}.compare-page__empty-state{text-align:center;padding:var(--northstar-spacing-5xl)var(--northstar-spacing-xl);background:var(--northstar-color-white);border-radius:var(--northstar-radius-2xl);box-shadow:var(--northstar-shadow-lg)}.compare-page__empty-state-icon{background:linear-gradient(135deg,var(--northstar-color-navy)0%,var(--northstar-color-navy-light)100%);border-radius:var(--northstar-radius-2xl);width:80px;height:80px;color:var(--northstar-color-gold);margin:0 auto var(--northstar-spacing-xl);justify-content:center;align-items:center;display:flex}.compare-page__empty-state-title{font-family:var(--northstar-font-serif);font-size:var(--northstar-font-size-2xl);color:var(--northstar-color-navy);margin-bottom:var(--northstar-spacing-md);font-weight:700}.compare-page__empty-state-text{font-size:var(--northstar-font-size-base);color:#10014e99;max-width:400px;margin:0 auto var(--northstar-spacing-xl)}.compare-page__browse-link{align-items:center;gap:var(--northstar-spacing-sm);padding:var(--northstar-spacing-md)var(--northstar-spacing-2xl);background:var(--northstar-color-gold);color:var(--northstar-color-navy);border-radius:var(--northstar-radius-full);transition:all var(--northstar-transition-base);font-weight:700;text-decoration:none;display:inline-flex}.compare-page__browse-link:hover{background:var(--northstar-color-gold-dark);transform:translateY(-2px);box-shadow:0 4px 12px #eeb21166}@media (max-width:1024px){.compare-page{padding:var(--northstar-spacing-xl)var(--northstar-spacing-md)}.compare-page__boats-row{gap:var(--northstar-spacing-lg);grid-template-columns:1fr}.compare-page__boat-slot{min-height:auto}.compare-page__boat-card{flex-direction:row;height:auto}.compare-page__boat-image-wrapper{width:120px;height:auto;min-height:100%}.compare-page__boat-info{padding:var(--northstar-spacing-md)}.compare-page__boat-selector{display:none}.compare-page__empty-slot{gap:var(--northstar-spacing-md);flex-direction:row;min-height:120px}.compare-page__empty-icon{width:48px;height:48px;margin-bottom:0}.compare-page__empty-text{margin-bottom:0}.compare-page__table-header{display:none}.compare-page__spec-row{padding:var(--northstar-spacing-md);gap:var(--northstar-spacing-sm);grid-template-columns:1fr}.compare-page__spec-label{font-size:var(--northstar-font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:#10014e80;margin-bottom:var(--northstar-spacing-xs);border-right:none;padding:0}.compare-page__spec-values{gap:var(--northstar-spacing-sm)}.compare-page__spec-value{padding:var(--northstar-spacing-sm)var(--northstar-spacing-md);background:var(--northstar-color-gray-50);border-radius:var(--northstar-radius-md);text-align:center;font-size:var(--northstar-font-size-sm);border-right:none;justify-content:center}.compare-page__spec-value--highlight{background:#eeb21133}.compare-page__spec-value:before{content:attr(data-boat);font-size:var(--northstar-font-size-xs);color:#10014e66;margin-bottom:2px;font-weight:600;display:block}}@media (max-width:640px){.compare-page__title{font-size:var(--northstar-font-size-2xl)}.compare-page__subtitle{font-size:var(--northstar-font-size-sm)}.compare-page__header-icon{width:48px;height:48px}.compare-page__header-icon svg{width:24px;height:24px}.compare-page__spec-values{grid-template-columns:1fr}}