.boats-for-sale-hero{justify-content:center;align-items:center;height:60vh;min-height:500px;display:flex;position:relative;overflow:hidden}.boats-for-sale-hero__image-container{z-index:0;position:absolute;inset:0}.boats-for-sale-hero__image{background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.boats-for-sale-hero__image video,video.boats-for-sale-hero__image{object-fit:cover;object-position:center;width:100%;height:100%}.boats-for-sale-hero__overlay{z-index:1;background:linear-gradient(#10014eb3,#10014e80,#10014eb3);position:absolute;inset:0}.boats-for-sale-hero__content{z-index:2;width:100%;padding:var(--northstar-spacing-4xl)var(--northstar-spacing-lg);position:relative}.boats-for-sale-hero__container{max-width:var(--northstar-max-width-6xl);text-align:center;margin:0 auto}.boats-for-sale-hero__title{font-family:var(--northstar-font-serif);font-size:var(--northstar-font-size-6xl);color:var(--northstar-color-white);margin-bottom:var(--northstar-spacing-lg);font-weight:700;line-height:1.2}.boats-for-sale-hero__subtitle{font-size:var(--northstar-font-size-xl);color:#ffffffe6;max-width:var(--northstar-max-width-3xl);margin:0 auto;line-height:1.6}.boats-for-sale-hero__wave{z-index:3;width:100%;line-height:0;position:absolute;bottom:0;left:0}.boats-for-sale-hero__wave svg{width:100%;height:auto;display:block}@media (max-width:768px){.boats-for-sale-hero{height:50vh;min-height:400px}.boats-for-sale-hero__content{padding:var(--northstar-spacing-3xl)var(--northstar-spacing-md)}.boats-for-sale-hero__title{font-size:var(--northstar-font-size-4xl)}.boats-for-sale-hero__subtitle{font-size:var(--northstar-font-size-lg)}}
.multi-select{margin-bottom:var(--northstar-spacing-sm);position:relative}.multi-select--disabled{opacity:.5;cursor:not-allowed}.multi-select__label{font-size:var(--northstar-font-size-sm);color:var(--northstar-color-navy);margin-bottom:var(--northstar-spacing-md);font-weight:600;display:block}.multi-select__trigger{width:100%;padding:var(--northstar-spacing-md);border:2px solid var(--northstar-color-gray-200);border-radius:var(--northstar-radius-md);background:var(--northstar-color-white);cursor:pointer;justify-content:space-between;align-items:center;gap:var(--northstar-spacing-xs);transition:all var(--northstar-transition-base);min-height:44px;display:flex}.multi-select__trigger:hover:not(.multi-select--disabled .multi-select__trigger){border-color:var(--northstar-color-gold)}.multi-select__trigger--open{border-color:var(--northstar-color-gold);box-shadow:0 0 0 3px #eeb2111a}.multi-select__display-text{font-size:var(--northstar-font-size-sm);color:var(--northstar-color-navy);text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.multi-select__display-text--placeholder{color:#10014e66}.multi-select__trigger-actions{align-items:center;gap:var(--northstar-spacing-sm);flex-shrink:0;display:flex}.multi-select__clear-button{color:#10014e80;padding:var(--northstar-spacing-xs);cursor:pointer;border-radius:var(--northstar-radius-md);transition:all var(--northstar-transition-base);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.multi-select__clear-button:hover{background:var(--northstar-color-gray-100);color:var(--northstar-color-navy)}.multi-select__chevron{color:#10014e80;transition:transform var(--northstar-transition-base);flex-shrink:0}.multi-select__chevron--open{transform:rotate(180deg)}.multi-select__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:50;flex-direction:column;max-height:400px;display:flex;position:absolute;left:0;right:0;overflow:hidden}.multi-select__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}.multi-select__search-icon{color:#10014e80;flex-shrink:0}.multi-select__search-input{font-size:var(--northstar-font-size-sm);color:var(--northstar-color-navy);background:0 0;border:none;outline:none;flex:1}.multi-select__search-input::placeholder{color:#10014e66}.multi-select__options{max-height:300px;overflow-y:auto}.multi-select__option{padding: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}.multi-select__option:last-child{border-bottom:none}.multi-select__option:hover{background:var(--northstar-color-gray-50)}.multi-select__option--selected{background:#eeb2110d}.multi-select__option--selected:hover{background:#eeb2111a}.multi-select__checkbox{border:2px solid var(--northstar-color-gray-200);border-radius:var(--northstar-radius-md);width:20px;height:20px;transition:all var(--northstar-transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.multi-select__checkbox--checked{background:var(--northstar-color-gold);border-color:var(--northstar-color-gold)}.multi-select__option-text{font-size:var(--northstar-font-size-sm);color:var(--northstar-color-navy);flex:1}.multi-select__divider{background:var(--northstar-color-gray-200);height:1px;margin:var(--northstar-spacing-xs)0}.multi-select__empty{padding:var(--northstar-spacing-xl);text-align:center;color:#10014e80;font-size:var(--northstar-font-size-sm)}
.boats-filters{background:var(--northstar-color-white);border-radius:var(--northstar-radius-xl);box-shadow:var(--northstar-shadow-lg);padding:var(--northstar-spacing-md);top:var(--northstar-spacing-md);max-height:calc(100vh - var(--northstar-spacing-xl));position:sticky;overflow-y:auto}.boats-filters--loading{opacity:.6;pointer-events:none}.boats-filters__overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;background:#10014e80;display:none;position:fixed;inset:0}.boats-filters__header{margin-bottom:var(--northstar-spacing-xl);padding-bottom:var(--northstar-spacing-lg);border-bottom:2px solid var(--northstar-color-gray-100);justify-content:space-between;align-items:center;display:flex}.boats-filters__title{font-family:var(--northstar-font-serif);font-size:var(--northstar-font-size-lg);color:var(--northstar-color-navy);font-weight:700}.boats-filters__header-actions{align-items:center;gap:var(--northstar-spacing-md);display:flex}.boats-filters__clear{border:2px solid var(--northstar-color-gold);color:var(--northstar-color-gold);padding:var(--northstar-spacing-xs)var(--northstar-spacing-md);border-radius:var(--northstar-radius-full);font-size:var(--northstar-font-size-sm);cursor:pointer;transition:all var(--northstar-transition-base);background:0 0;font-weight:600}.boats-filters__clear:hover{background:var(--northstar-color-gold);color:var(--northstar-color-navy)}.boats-filters__close-button{color:var(--northstar-color-navy);cursor:pointer;padding:var(--northstar-spacing-xs);border-radius:var(--northstar-radius-md);transition:background-color var(--northstar-transition-base);background:0 0;border:none;display:none}.boats-filters__close-button:hover{background:var(--northstar-color-gray-100)}.boats-filters__section{margin-bottom:var(--northstar-spacing-2xl);padding-bottom:var(--northstar-spacing-xl);border-bottom:1px solid var(--northstar-color-gray-100)}.boats-filters__section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.boats-filters__section-title{font-family:var(--northstar-font-serif);font-size:var(--northstar-font-size-base);color:var(--northstar-color-navy);margin-bottom:var(--northstar-spacing-lg);font-weight:700}.boats-filters__field,.boats-filters__field-group{margin-bottom:var(--northstar-spacing-lg)}.boats-filters__label{font-size:var(--northstar-font-size-sm);color:var(--northstar-color-navy);margin-bottom:var(--northstar-spacing-md);font-weight:600;display:block}.boats-filters__label-hint{font-weight:400;font-size:var(--northstar-font-size-xs);margin-left:var(--northstar-spacing-xs);color:#10014e80}.boats-filters__input{width:100%;padding:var(--northstar-spacing-md);border:2px solid var(--northstar-color-gray-200);border-radius:var(--northstar-radius-md);font-size:var(--northstar-font-size-sm);color:var(--northstar-color-navy);background:var(--northstar-color-white);transition:all var(--northstar-transition-base)}.boats-filters__input:focus{border-color:var(--northstar-color-gold);outline:none;box-shadow:0 0 0 3px #eeb2111a}.boats-filters__input::placeholder{color:#10014e66}.boats-filters__input:disabled{opacity:.5;cursor:not-allowed}.boats-filters__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.boats-filters__input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.boats-filters__input[type=number]{appearance:textfield}.boats-filters__select{width:100%;padding:var(--northstar-spacing-md);border:2px solid var(--northstar-color-gray-200);border-radius:var(--northstar-radius-md);font-size:var(--northstar-font-size-sm);color:var(--northstar-color-navy);background:var(--northstar-color-white);cursor:pointer;transition:all var(--northstar-transition-base)}.boats-filters__select:focus{border-color:var(--northstar-color-gold);outline:none;box-shadow:0 0 0 3px #eeb2111a}.boats-filters__select:disabled{opacity:.5;cursor:not-allowed}.boats-filters__range{align-items:center;gap:var(--northstar-spacing-md);display:flex}.boats-filters__input--small{padding:var(--northstar-spacing-md);flex:1}.boats-filters__range-separator{color:#10014e80;font-weight:600}.boats-filters__section--expandable{padding-bottom:0}.boats-filters__expand-button{width:100%;padding:var(--northstar-spacing-md);background:var(--northstar-color-gray-50);border:2px solid var(--northstar-color-gray-200);border-radius:var(--northstar-radius-xl);font-family:var(--northstar-font-serif);font-size:var(--northstar-font-size-base);color:var(--northstar-color-navy);cursor:pointer;transition:all var(--northstar-transition-base);justify-content:space-between;align-items:center;font-weight:600;display:flex}.boats-filters__expand-button:hover{border-color:var(--northstar-color-gold);background:#eeb2110d}.boats-filters__expand-icon{color:var(--northstar-color-gold);transition:transform var(--northstar-transition-base)}.boats-filters__expand-icon--expanded{transform:rotate(180deg)}.boats-filters__expandable-content{padding-top:var(--northstar-spacing-xl)}.boats-filters__loading{align-items:center;gap:var(--northstar-spacing-md);padding:var(--northstar-spacing-4xl)var(--northstar-spacing-lg);color:var(--northstar-color-navy);flex-direction:column;display:flex}.boats-filters__spinner{border:4px solid var(--northstar-color-gray-200);border-top-color:var(--northstar-color-gold);border-radius:var(--northstar-radius-full);width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1023px){.boats-filters{width:90%;max-width:400px;height:100vh;max-height:100vh;transition:right var(--northstar-transition-base);z-index:50;border-radius:0;position:fixed;top:0;right:-100%;overflow-y:auto}.boats-filters--open{right:0}.boats-filters__overlay,.boats-filters--open~.boats-filters__overlay{display:block}.boats-filters__close-button{display:flex}}@media (min-width:1024px){.boats-filters{position:sticky}.boats-filters__close-button{display:none}}