.bayport-boat-card-skeleton{background:var(--bayport-color-white);border-radius:var(--bayport-radius-xl);border:1px solid var(--bayport-color-gray-100);overflow:hidden;box-shadow:0 4px 20px #0000000f}.bayport-boat-card-skeleton__image{aspect-ratio:4/3;background:linear-gradient(90deg,var(--bayport-color-gray-100)25%,var(--bayport-color-gray-200)50%,var(--bayport-color-gray-100)75%);background-size:200% 100%;animation:1.5s infinite bayport-shimmer}.bayport-boat-card-skeleton__content{padding:var(--bayport-spacing-lg)}.bayport-boat-card-skeleton__title{background:linear-gradient(90deg,var(--bayport-color-gray-100)25%,var(--bayport-color-gray-200)50%,var(--bayport-color-gray-100)75%);border-radius:var(--bayport-radius-sm);width:80%;height:1.5rem;margin-bottom:var(--bayport-spacing-md);background-size:200% 100%;animation:1.5s infinite bayport-shimmer}.bayport-boat-card-skeleton__specs{gap:var(--bayport-spacing-md);margin-bottom:var(--bayport-spacing-lg);display:flex}.bayport-boat-card-skeleton__spec{background:linear-gradient(90deg,var(--bayport-color-gray-100)25%,var(--bayport-color-gray-200)50%,var(--bayport-color-gray-100)75%);border-radius:var(--bayport-radius-sm);background-size:200% 100%;width:60px;height:1rem;animation:1.5s infinite bayport-shimmer}.bayport-boat-card-skeleton__cta{background:linear-gradient(90deg,var(--bayport-color-gray-100)25%,var(--bayport-color-gray-200)50%,var(--bayport-color-gray-100)75%);border-radius:var(--bayport-radius-sm);width:100px;height:1rem;margin-top:var(--bayport-spacing-md);padding-top:var(--bayport-spacing-md);border-top:1px solid var(--bayport-color-gray-100);background-size:200% 100%;animation:1.5s infinite bayport-shimmer}
.bayport-boats-list{width:100%}.bayport-boats-list__header{margin-bottom:var(--bayport-spacing-xl);padding-bottom:var(--bayport-spacing-md);border-bottom:1px solid var(--bayport-color-gray-200);justify-content:space-between;align-items:center;display:flex}.bayport-boats-list__count{font-size:var(--bayport-font-size-sm);color:var(--bayport-color-gray-600)}.bayport-boats-list__grid{gap:var(--bayport-spacing-xl);grid-template-columns:1fr;display:grid}.bayport-boats-list__error{justify-content:center;align-items:center;gap:var(--bayport-spacing-lg);padding:var(--bayport-spacing-4xl);text-align:center;color:var(--bayport-color-gray-600);flex-direction:column;display:flex}.bayport-boats-list__retry-button{padding:var(--bayport-spacing-md)var(--bayport-spacing-xl);background:var(--bayport-color-blue);color:var(--bayport-color-white);border-radius:var(--bayport-radius-lg);cursor:pointer;transition:all var(--bayport-transition-base);border:none;font-weight:600}.bayport-boats-list__retry-button:hover{background:var(--bayport-color-blue-dark)}.bayport-boats-list__empty{justify-content:center;align-items:center;gap:var(--bayport-spacing-md);padding:var(--bayport-spacing-4xl);text-align:center;flex-direction:column;display:flex}.bayport-boats-list__empty-icon{color:var(--bayport-color-gray-300);margin-bottom:var(--bayport-spacing-md)}.bayport-boats-list__empty-text{font-family:var(--bayport-font-heading);font-size:var(--bayport-font-size-xl);color:var(--bayport-color-black);font-weight:600}.bayport-boats-list__empty-subtext{font-size:var(--bayport-font-size-base);color:var(--bayport-color-gray-500)}.bayport-boats-list__observer{height:1px;margin-top:var(--bayport-spacing-xl)}.bayport-boats-list__loading-more{justify-content:center;align-items:center;gap:var(--bayport-spacing-md);padding:var(--bayport-spacing-2xl);color:var(--bayport-color-gray-600);flex-direction:column;display:flex}.bayport-boats-list__spinner{border:3px solid var(--bayport-color-gray-200);border-top-color:var(--bayport-color-blue);border-radius:50%;width:32px;height:32px;animation:1s linear infinite bayport-spin}.bayport-boats-list__end{text-align:center;padding:var(--bayport-spacing-2xl);color:var(--bayport-color-gray-500);font-size:var(--bayport-font-size-sm)}@media (min-width:640px){.bayport-boats-list__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.bayport-boats-list__grid{grid-template-columns:repeat(3,1fr)}}
.bayport-listing-page{padding:var(--bayport-spacing-3xl)0 var(--bayport-spacing-5xl);background:var(--bayport-color-white);min-height:60vh}.bayport-listing-page__container{max-width:var(--bayport-max-width-7xl);padding:0 var(--bayport-spacing-lg);gap:var(--bayport-spacing-2xl);grid-template-columns:1fr;margin:0 auto;display:grid}.bayport-listing-page__filter-button{justify-content:center;align-items:center;gap:var(--bayport-spacing-sm);bottom:var(--bayport-spacing-xl);z-index:var(--bayport-z-sticky);padding:var(--bayport-spacing-md)var(--bayport-spacing-xl);background:var(--bayport-color-black);color:var(--bayport-color-white);border-radius:var(--bayport-radius-full);font-weight:600;font-size:var(--bayport-font-size-sm);cursor:pointer;transition:all var(--bayport-transition-base);border:none;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0000004d}.bayport-listing-page__filter-button:hover{background:var(--bayport-color-blue);transform:translate(-50%)translateY(-2px)}.bayport-listing-page__filter-button svg{width:1.25rem;height:1.25rem}.bayport-listing-page__loading{justify-content:center;align-items:center;gap:var(--bayport-spacing-lg);padding:var(--bayport-spacing-5xl);color:var(--bayport-color-gray-600);flex-direction:column;display:flex}.bayport-listing-page__spinner{border:3px solid var(--bayport-color-gray-200);border-top-color:var(--bayport-color-blue);border-radius:50%;width:40px;height:40px;animation:1s linear infinite bayport-spin}@keyframes bayport-spin{to{transform:rotate(360deg)}}@media (min-width:1024px){.bayport-listing-page__container{grid-template-columns:300px 1fr}.bayport-listing-page__filter-button{display:none}}