.featured-yachts-hero-milltown{justify-content:center;align-items:center;height:60vh;min-height:400px;display:flex;position:relative;overflow:hidden}.featured-yachts-hero-milltown__image-container{z-index:0;position:absolute;inset:0}.featured-yachts-hero-milltown__image{background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.featured-yachts-hero-milltown__image video,video.featured-yachts-hero-milltown__image{object-fit:cover;object-position:center;width:100%;height:100%}.featured-yachts-hero-milltown__overlay{z-index:1;background:linear-gradient(#0a1828b3,#0a182880,#0a1828b3);position:absolute;inset:0}.featured-yachts-hero-milltown__content{z-index:2;width:100%;padding:var(--milltown-spacing-4xl)var(--milltown-spacing-lg);position:relative}.featured-yachts-hero-milltown__container{max-width:var(--milltown-max-width-6xl);text-align:center;margin:0 auto}.featured-yachts-hero-milltown__title{font-family:var(--milltown-font-serif);font-size:var(--milltown-font-size-5xl);color:var(--milltown-color-white);margin-bottom:var(--milltown-spacing-lg);font-weight:700;line-height:1.2}@media (min-width:768px){.featured-yachts-hero-milltown__title{font-size:var(--milltown-font-size-6xl)}}.featured-yachts-hero-milltown__subtitle{font-size:var(--milltown-font-size-lg);color:#ffffffe6;max-width:var(--milltown-max-width-3xl);margin:0 auto;line-height:1.6}@media (min-width:768px){.featured-yachts-hero-milltown__subtitle{font-size:var(--milltown-font-size-xl)}}
.multi-select{margin-bottom:20px;position:relative}.multi-select--disabled{opacity:.5;cursor:not-allowed}.multi-select__label{color:var(--color-gray-700,#374151);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.multi-select__trigger{border:2px solid var(--color-gray-300,#d1d5db);background:var(--color-white);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:48px;padding:12px 16px;transition:all .2s;display:flex}.multi-select__trigger:hover:not(.multi-select--disabled .multi-select__trigger){border-color:var(--color-gray-400,#9ca3af)}.multi-select__trigger--open{border-color:var(--color-primary,#003d7a);box-shadow:0 0 0 3px #003d7a1a}.multi-select__display-text{color:var(--color-gray-900,#111827);text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:15px;overflow:hidden}.multi-select__display-text--placeholder{color:var(--color-gray-400,#9ca3af)}.multi-select__trigger-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.multi-select__clear-button{color:var(--color-gray-500,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.multi-select__clear-button:hover{background:var(--color-gray-100,#f3f4f6);color:var(--color-gray-700,#374151)}.multi-select__chevron{color:var(--color-gray-500,#6b7280);flex-shrink:0;transition:transform .2s}.multi-select__chevron--open{transform:rotate(180deg)}.multi-select__dropdown{background:var(--milltown-color-white);border:2px solid var(--milltown-color-gray-300);z-index:100;border-radius:8px;flex-direction:column;max-height:320px;animation:.2s slideDown;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 4px 12px #0000001a}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.multi-select__search{border-bottom:1px solid var(--color-gray-200,#e5e7eb);background:var(--color-gray-50,#f9fafb);border-radius:8px 8px 0 0;flex-shrink:0;align-items:center;gap:8px;padding:12px;display:flex}.multi-select__search-icon{color:var(--color-gray-400,#9ca3af);flex-shrink:0}.multi-select__search-input{color:var(--color-gray-900,#111827);background:0 0;border:none;outline:none;flex:1;font-size:14px}.multi-select__search-input::placeholder{color:var(--color-gray-400,#9ca3af)}.multi-select__options{max-height:256px;overflow-y:auto}.multi-select__option{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:10px 12px;transition:background .15s;display:flex}.multi-select__option:hover{background:var(--color-gray-50,#f9fafb)}.multi-select__option--selected{background:var(--color-primary-50,#e6f0f9)}.multi-select__option--selected:hover{background:var(--color-primary-100,#cce1f3)}.multi-select__checkbox{border:2px solid var(--color-gray-300,#d1d5db);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex}.multi-select__checkbox--checked{background:var(--color-primary,#003d7a);border-color:var(--color-primary,#003d7a)}.multi-select__option-text{color:var(--color-gray-900,#111827);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.multi-select__divider{background:var(--color-gray-200,#e5e7eb);height:1px;margin:4px 0}.multi-select__empty{text-align:center;color:var(--color-gray-500,#6b7280);padding:20px 12px;font-size:14px}.multi-select__options::-webkit-scrollbar{width:6px}.multi-select__options::-webkit-scrollbar-track{background:var(--color-gray-100,#f3f4f6);border-radius:3px}.multi-select__options::-webkit-scrollbar-thumb{background:var(--color-gray-400,#9ca3af);border-radius:3px}.multi-select__options::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500,#6b7280)}
.boats-filters{background:var(--color-white);border-radius:16px;height:fit-content;max-height:calc(100vh - 80px);padding:24px;transition:opacity .3s,transform .3s ease-in-out;position:sticky;top:96px;overflow-y:auto;box-shadow:0 2px 12px #00000014}.boats-filters--loading{opacity:.6;pointer-events:none}@media (max-width:1024px){.boats-filters{z-index:1000;border-radius:0;width:85%;max-width:400px;height:100vh;max-height:100vh;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:2px 0 16px #0000001a;background:#fff!important}.boats-filters--open{transform:translate(0)}}.boats-filters__overlay{display:none}@media (max-width:1024px){.boats-filters__overlay{z-index:999;background:#00000080;animation:.3s ease-in-out fadeIn;display:block;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}.boats-filters__header{border-bottom:2px solid var(--color-gray-200,#e5e7eb);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.boats-filters__header-actions{align-items:center;gap:12px;display:flex}.boats-filters__title{color:var(--color-gray-900,#111827);margin:0;font-size:24px;font-weight:700}.boats-filters__clear{color:var(--color-primary,#003d7a);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:14px;font-weight:600;transition:all .2s}.boats-filters__clear:hover{background:var(--color-primary-50,#e6f0f9)}.boats-filters__close-button{color:#333;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px;transition:background .2s;display:none}.boats-filters__close-button:hover{background:var(--color-gray-100,#f3f4f6)}@media (max-width:1024px){.boats-filters__close-button{justify-content:center;align-items:center;display:flex}}.boats-filters__section{margin-bottom:32px}.boats-filters__section-title{text-transform:uppercase;letter-spacing:.5px;color:var(--color-gray-600,#6b7280);margin:0 0 16px;font-size:14px;font-weight:700}.boats-filters__field,.boats-filters__field-group{margin-bottom:20px}.boats-filters__label{color:var(--color-gray-700,#374151);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.boats-filters__input,.boats-filters__select{border:2px solid var(--color-gray-300,#d1d5db);width:100%;color:var(--color-gray-900,#111827);background:var(--color-white);border-radius:8px;padding:12px 16px;font-size:15px;transition:all .2s}.boats-filters__input:focus,.boats-filters__select:focus{border-color:var(--color-primary,#003d7a);outline:none;box-shadow:0 0 0 3px #003d7a1a}.boats-filters__input::placeholder{color:var(--color-gray-400,#9ca3af)}.boats-filters__input:disabled,.boats-filters__select:disabled{opacity:.5;cursor:not-allowed}.boats-filters__input--small{padding:10px 12px;font-size:14px}.boats-filters__range{align-items:center;gap:12px;display:flex}.boats-filters__range .boats-filters__input{flex:1}.boats-filters__range-separator{color:var(--color-gray-400,#9ca3af);font-weight:600}.boats-filters__section--expandable{border-top:1px solid var(--color-gray-200,#e5e7eb);padding-top:24px}.boats-filters__expand-button{background:var(--color-gray-50,#f9fafb);border:2px solid var(--color-gray-200,#e5e7eb);width:100%;color:var(--color-gray-900,#111827);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.boats-filters__expand-button:hover{background:var(--color-gray-100,#f3f4f6);border-color:var(--color-gray-300,#d1d5db)}.boats-filters__expand-icon{transition:transform .3s}.boats-filters__expand-icon--expanded{transform:rotate(180deg)}.boats-filters__expandable-content{margin-top:20px;animation:.3s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1025px){.boats-filters{transform:none!important}.boats-filters__overlay{display:none!important}}.boats-filters::-webkit-scrollbar{width:8px}.boats-filters::-webkit-scrollbar-track{background:var(--color-gray-100,#f3f4f6);border-radius:4px}.boats-filters::-webkit-scrollbar-thumb{background:var(--color-gray-400,#9ca3af);border-radius:4px}.boats-filters::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500,#6b7280)}
.boat-card__link{height:100%;text-decoration:none;display:block}.boat-card{background:var(--color-white);border-radius:12px;flex-direction:column;height:100%;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000014}.boat-card[role=button]{cursor:pointer}.boat-card[role=button]:hover,.boat-card__link:hover .boat-card{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.boat-card[role=button]:focus,.boat-card__link:focus .boat-card{outline:2px solid var(--color-primary,#003d7a);outline-offset:2px}.boat-card__image-wrapper{background:var(--color-gray-100,#f5f5f5);width:100%;padding-top:66.67%;position:relative;overflow:hidden}.boat-card__image{object-fit:cover;width:100%;height:100%;transition:transform .3s;position:absolute;top:0;left:0}.boat-card[role=button]:hover .boat-card__image,.boat-card__link:hover .boat-card__image{transform:scale(1.05)}.boat-card__badge{text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;position:absolute;top:12px}.boat-card__badge--left{left:12px}.boat-card__badge--right{right:12px}.boat-card__badge--on-the-docks{background:var(--milltown-color-gold,#d4af37);color:var(--milltown-color-navy,#0a1828)}.boat-card__badge--on-order{color:#fff;background:#6b7280f2}.boat-card__badge--new{background:var(--color-success,#22c55e);color:#fff}.boat-card__badge--used{background:var(--color-primary,#003d7a);color:#fff}.boat-card__content{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex}.boat-card__header{flex-direction:column;gap:4px;display:flex}.boat-card__title{color:var(--color-gray-900,#111827);margin:0;font-size:18px;font-weight:600;line-height:1.4}.boat-card__name{color:var(--color-gray-600,#6b7280);margin:0;font-size:14px;font-style:italic}.boat-card__specs{border-top:1px solid var(--color-gray-200,#e5e7eb);border-bottom:1px solid var(--color-gray-200,#e5e7eb);grid-template-columns:1fr 1fr;gap:12px;padding:16px 0;display:grid}.boat-card__spec{flex-direction:column;gap:4px;display:flex}.boat-card__spec--full{grid-column:1/-1}.boat-card__spec-label{color:var(--color-gray-500,#9ca3af);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.boat-card__spec-value{color:var(--color-gray-900,#111827);font-size:14px;font-weight:500}.boat-card__footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.boat-card__price{color:var(--color-primary,#003d7a);font-size:16px;font-weight:700}.boat-card__cta{color:var(--color-primary,#003d7a);font-size:14px;font-weight:600;transition:transform .2s}.boat-card[role=button]:hover .boat-card__cta,.boat-card__link:hover .boat-card__cta{transform:translate(4px)}@media (max-width:768px){.boat-card__content{padding:16px}.boat-card__title{font-size:16px}.boat-card__price{font-size:18px}}
.boat-card-skeleton{background:var(--color-white);border-radius:12px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000014}.boat-card-skeleton__image{background:var(--color-gray-200,#e5e7eb);width:100%;padding-top:66.67%}.boat-card-skeleton__content{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex}.boat-card-skeleton__title{background:var(--color-gray-200,#e5e7eb);border-radius:4px;width:80%;height:24px}.boat-card-skeleton__subtitle{background:var(--color-gray-200,#e5e7eb);border-radius:4px;width:60%;height:16px}.boat-card-skeleton__specs{border-top:1px solid var(--color-gray-200,#e5e7eb);border-bottom:1px solid var(--color-gray-200,#e5e7eb);grid-template-columns:1fr 1fr;gap:12px;padding:16px 0;display:grid}.boat-card-skeleton__spec{flex-direction:column;gap:8px;display:flex}.boat-card-skeleton__spec-label{background:var(--color-gray-200,#e5e7eb);border-radius:4px;width:70%;height:12px}.boat-card-skeleton__spec-value{background:var(--color-gray-200,#e5e7eb);border-radius:4px;width:50%;height:14px}.boat-card-skeleton__footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.boat-card-skeleton__price{background:var(--color-gray-200,#e5e7eb);border-radius:4px;width:120px;height:24px}.boat-card-skeleton__cta{background:var(--color-gray-200,#e5e7eb);border-radius:4px;width:100px;height:16px}.skeleton-shimmer{position:relative;overflow:hidden}.skeleton-shimmer:after{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);animation:2s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}
.boats-list{flex:1}.boats-list__header{margin-bottom:24px}.boats-list__count{color:var(--color-gray-700,#374151);font-size:16px;font-weight:600}.boats-list__grid{grid-template-columns:1fr;gap:24px;margin-bottom:40px;display:grid}@media (min-width:640px){.boats-list__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.boats-list__grid{grid-template-columns:repeat(3,1fr);gap:32px}}.boats-list__spinner{border:4px solid var(--color-gray-200,#e5e7eb);border-top-color:var(--color-primary,#003d7a);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.boats-list__loading-more{flex-direction:column;align-items:center;gap:16px;padding:40px 20px;display:flex}.boats-list__loading-more p{color:var(--color-gray-600,#6b7280);font-size:16px}.boats-list__observer{visibility:hidden;height:20px}.boats-list__end{text-align:center;color:var(--color-gray-500,#6b7280);padding:40px 20px;font-size:15px}.boats-list__error{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:80px 20px;display:flex}.boats-list__error p{color:var(--color-red-600,#dc2626);background:var(--color-red-50,#fef2f2);border:2px solid var(--color-red-200,#fecaca);border-radius:12px;max-width:500px;padding:20px 32px;font-size:16px}.boats-list__retry-button{background:var(--color-primary,#003d7a);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s}.boats-list__retry-button:hover{background:var(--color-primary-dark,#002a54);transform:translateY(-2px);box-shadow:0 4px 12px #003d7a4d}.boats-list__empty{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:80px 20px;display:flex}.boats-list__empty-icon{color:var(--color-gray-400,#9ca3af);margin-bottom:8px}.boats-list__empty-text{color:var(--color-gray-700,#374151);margin:0;font-size:20px;font-weight:600}.boats-list__empty-subtext{color:var(--color-gray-500,#6b7280);margin:0;font-size:16px}
.boats-listing-page{background:var(--color-gray-50,#f9fafb);min-height:80vh;padding:60px 0;position:relative}.boats-listing-page__filter-button{z-index:900;color:#fff;cursor:pointer;background:#06c;border:none;border-radius:50px;align-items:center;gap:8px;padding:16px 24px;font-size:16px;font-weight:600;transition:all .2s;display:none;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0066cc4d}.boats-listing-page__filter-button:hover{background:#0052a3;transform:translate(-50%)translateY(-2px);box-shadow:0 6px 20px #06c6}.boats-listing-page__filter-button:active{transform:translate(-50%)translateY(0)}@media (max-width:1024px){.boats-listing-page__filter-button{display:flex}}.boats-listing-page__container{grid-template-columns:1fr;gap:32px;max-width:1600px;margin:0 auto;padding:0 24px;display:grid}@media (min-width:1025px){.boats-listing-page__container{grid-template-columns:320px 1fr;gap:40px}.boats-listing-page__filter-button{display:none!important}}@media (min-width:1280px){.boats-listing-page__container{grid-template-columns:360px 1fr}}