.bayport-showcase{padding:var(--bayport-spacing-3xl)0 var(--bayport-spacing-4xl);background:var(--bayport-color-white)}.bayport-showcase__container{max-width:1400px;padding:0 var(--bayport-spacing-lg);margin:0 auto}.bayport-showcase__header{margin-bottom:var(--bayport-spacing-2xl);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-showcase__count{font-size:var(--bayport-font-size-sm);color:var(--bayport-color-gray-600);font-weight:500}.bayport-showcase__hero-section{margin-bottom:var(--bayport-spacing-2xl)}.bayport-showcase__hero-link{text-decoration:none;display:block}.bayport-showcase__hero-card{background:var(--bayport-color-white);border-radius:var(--bayport-radius-xl);transition:all var(--bayport-transition-base);border:2px solid #0000;grid-template-columns:1fr;display:grid;overflow:hidden;box-shadow:0 8px 40px #0000001f}.bayport-showcase__hero-card:hover{border-color:var(--bayport-color-gold);transform:translateY(-4px);box-shadow:0 20px 60px #0000002e}.bayport-showcase__hero-image-wrapper{aspect-ratio:16/10;position:relative;overflow:hidden}.bayport-showcase__hero-image{object-fit:cover;width:100%;height:100%;transition:transform var(--bayport-transition-slow)}.bayport-showcase__hero-card:hover .bayport-showcase__hero-image{transform:scale(1.03)}.bayport-showcase__hero-badge{top:var(--bayport-spacing-lg);left:var(--bayport-spacing-lg);align-items:center;gap:var(--bayport-spacing-sm);padding:var(--bayport-spacing-sm)var(--bayport-spacing-lg);background:linear-gradient(135deg,var(--bayport-color-gold),var(--bayport-color-gold-dark));color:var(--bayport-color-black);font-size:var(--bayport-font-size-sm);letter-spacing:.02em;font-weight:700;display:flex;position:absolute;box-shadow:0 4px 12px #00000026}.bayport-showcase__hero-badge-icon{width:1rem;height:1rem}.bayport-showcase__favorite-button{top:var(--bayport-spacing-md);right:var(--bayport-spacing-md);width:40px;height:40px;color:var(--bayport-color-black);cursor:pointer;transition:all var(--bayport-transition-base);box-shadow:var(--bayport-shadow-md);z-index:10;background-color:#fffffff2;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.bayport-showcase__favorite-button:hover{background-color:var(--bayport-color-blue);color:var(--bayport-color-white);box-shadow:var(--bayport-shadow-lg);transform:scale(1.1)}.bayport-showcase__favorite-button:active{transform:scale(.95)}.bayport-showcase__favorite-button svg{transition:all var(--bayport-transition-base)}.bayport-showcase__favorite-button:hover svg{fill:var(--bayport-color-white)}.bayport-showcase__favorite-button--active{background-color:var(--bayport-color-blue);color:var(--bayport-color-white)}.bayport-showcase__favorite-button--hero{top:auto;bottom:var(--bayport-spacing-lg);right:var(--bayport-spacing-lg)}.bayport-showcase__condition{top:var(--bayport-spacing-lg);right:var(--bayport-spacing-lg);padding:var(--bayport-spacing-xs)var(--bayport-spacing-md);font-size:var(--bayport-font-size-xs);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--bayport-radius-sm);font-weight:600;position:absolute}.bayport-showcase__condition--new{background:var(--bayport-color-gold);color:var(--bayport-color-black)}.bayport-showcase__condition--used{background:var(--bayport-color-blue);color:var(--bayport-color-white)}.bayport-showcase__hero-content{padding:var(--bayport-spacing-xl);gap:var(--bayport-spacing-lg);flex-direction:column;display:flex}.bayport-showcase__hero-header{gap:var(--bayport-spacing-xs);flex-direction:column;display:flex}.bayport-showcase__hero-label{font-size:var(--bayport-font-size-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--bayport-color-blue);font-weight:600}.bayport-showcase__hero-title{font-family:var(--bayport-font-heading);font-size:var(--bayport-font-size-2xl);color:var(--bayport-color-black);font-weight:700;line-height:1.2}.bayport-showcase__hero-boat-name{font-size:var(--bayport-font-size-base);color:var(--bayport-color-blue);font-style:italic}.bayport-showcase__hero-specs{gap:var(--bayport-spacing-lg);flex-wrap:wrap;display:flex}.bayport-showcase__hero-spec{align-items:center;gap:var(--bayport-spacing-sm);display:flex}.bayport-showcase__hero-spec-icon{width:1.25rem;height:1.25rem;color:var(--bayport-color-blue)}.bayport-showcase__hero-spec-content{flex-direction:column;display:flex}.bayport-showcase__hero-spec-label{font-size:var(--bayport-font-size-xs);color:var(--bayport-color-gray-500);text-transform:uppercase;letter-spacing:.05em}.bayport-showcase__hero-spec-value{font-size:var(--bayport-font-size-base);color:var(--bayport-color-black);font-weight:600}.bayport-showcase__hero-price-wrapper{gap:var(--bayport-spacing-2xs);padding:var(--bayport-spacing-lg);background:linear-gradient(135deg,var(--bayport-color-gray-50),var(--bayport-color-gray-100));border-radius:var(--bayport-radius-lg);flex-direction:column;display:flex}.bayport-showcase__hero-price-label{font-size:var(--bayport-font-size-xs);color:var(--bayport-color-gray-500);text-transform:uppercase;letter-spacing:.05em}.bayport-showcase__hero-price{font-family:var(--bayport-font-heading);font-size:var(--bayport-font-size-3xl);color:var(--bayport-color-black);font-weight:700}.bayport-showcase__hero-cta{justify-content:center;align-items:center;gap:var(--bayport-spacing-sm);padding:var(--bayport-spacing-md)var(--bayport-spacing-xl);background:var(--bayport-color-blue);color:var(--bayport-color-white);font-weight:600;font-size:var(--bayport-font-size-base);border-radius:var(--bayport-radius-lg);transition:all var(--bayport-transition-base);display:flex}.bayport-showcase__hero-card:hover .bayport-showcase__hero-cta{background:var(--bayport-color-gold);color:var(--bayport-color-black)}.bayport-showcase__hero-cta-icon{width:1.25rem;height:1.25rem;transition:transform var(--bayport-transition-base)}.bayport-showcase__hero-card:hover .bayport-showcase__hero-cta-icon{transform:translate(4px)}.bayport-showcase__featured-section{margin-bottom:var(--bayport-spacing-3xl)}.bayport-showcase__featured-grid{gap:var(--bayport-spacing-xl);grid-template-columns:1fr;display:grid}.bayport-showcase__featured-link{text-decoration:none;display:block}.bayport-showcase__featured-card{background:var(--bayport-color-white);border-radius:var(--bayport-radius-xl);border:1px solid var(--bayport-color-gray-100);transition:all var(--bayport-transition-base);flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 6px 30px #0000001a}.bayport-showcase__featured-card:hover{border-color:var(--bayport-color-gold);transform:translateY(-6px);box-shadow:0 16px 50px #00000026}.bayport-showcase__featured-image-wrapper{aspect-ratio:16/10;position:relative;overflow:hidden}.bayport-showcase__featured-image{object-fit:cover;width:100%;height:100%;transition:transform var(--bayport-transition-slow)}.bayport-showcase__featured-card:hover .bayport-showcase__featured-image{transform:scale(1.05)}.bayport-showcase__featured-rank{top:var(--bayport-spacing-md);left:var(--bayport-spacing-md);background:var(--bayport-color-black);width:2.5rem;height:2.5rem;color:var(--bayport-color-gold);font-family:var(--bayport-font-heading);font-size:var(--bayport-font-size-lg);border-radius:var(--bayport-radius-sm);justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute}.bayport-showcase__featured-price-overlay{padding:var(--bayport-spacing-lg);background:linear-gradient(#0000,#000000d9);position:absolute;bottom:0;left:0;right:0}.bayport-showcase__featured-price{font-family:var(--bayport-font-heading);font-size:var(--bayport-font-size-2xl);color:var(--bayport-color-white);font-weight:700}.bayport-showcase__featured-content{padding:var(--bayport-spacing-lg);flex-direction:column;flex:1;display:flex}.bayport-showcase__featured-title{font-family:var(--bayport-font-heading);font-size:var(--bayport-font-size-xl);color:var(--bayport-color-black);margin-bottom:var(--bayport-spacing-xs);font-weight:600;line-height:1.3}.bayport-showcase__featured-boat-name{font-size:var(--bayport-font-size-sm);color:var(--bayport-color-blue);margin-bottom:var(--bayport-spacing-md);font-style:italic}.bayport-showcase__featured-specs{gap:var(--bayport-spacing-md);margin-bottom:var(--bayport-spacing-lg);flex-wrap:wrap;display:flex}.bayport-showcase__featured-spec{align-items:center;gap:var(--bayport-spacing-xs);font-size:var(--bayport-font-size-sm);color:var(--bayport-color-gray-600);display:flex}.bayport-showcase__featured-spec-icon{width:1rem;height:1rem;color:var(--bayport-color-blue)}.bayport-showcase__featured-cta{align-items:center;gap:var(--bayport-spacing-sm);padding-top:var(--bayport-spacing-md);border-top:1px solid var(--bayport-color-gray-100);color:var(--bayport-color-blue);font-weight:600;font-size:var(--bayport-font-size-sm);transition:color var(--bayport-transition-base);margin-top:auto;display:flex}.bayport-showcase__featured-card:hover .bayport-showcase__featured-cta{color:var(--bayport-color-gold)}.bayport-showcase__featured-cta-icon{width:1rem;height:1rem;transition:transform var(--bayport-transition-base)}.bayport-showcase__featured-card:hover .bayport-showcase__featured-cta-icon{transform:translate(4px)}.bayport-showcase__remaining-section{padding-top:var(--bayport-spacing-xl)}.bayport-showcase__remaining-header{align-items:center;gap:var(--bayport-spacing-lg);margin-bottom:var(--bayport-spacing-xl);display:flex}.bayport-showcase__remaining-title{font-family:var(--bayport-font-heading);font-size:var(--bayport-font-size-xl);color:var(--bayport-color-black);white-space:nowrap;font-weight:600}.bayport-showcase__remaining-divider{background:var(--bayport-color-gray-200);flex:1;height:1px}.bayport-showcase__remaining-grid{gap:var(--bayport-spacing-xl);grid-template-columns:1fr;display:grid}.bayport-showcase__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-showcase__empty-icon{width:4rem;height:4rem;color:var(--bayport-color-gray-300);margin-bottom:var(--bayport-spacing-md)}.bayport-showcase__empty-text{font-family:var(--bayport-font-heading);font-size:var(--bayport-font-size-xl);color:var(--bayport-color-black);font-weight:600}.bayport-showcase__empty-subtext{font-size:var(--bayport-font-size-base);color:var(--bayport-color-gray-500)}@media (min-width:640px){.bayport-showcase__featured-grid,.bayport-showcase__remaining-grid{grid-template-columns:repeat(2,1fr)}.bayport-showcase__hero-title{font-size:var(--bayport-font-size-3xl)}}@media (min-width:1024px){.bayport-showcase__hero-card{grid-template-columns:1.2fr 1fr}.bayport-showcase__hero-image-wrapper{aspect-ratio:auto;min-height:450px}.bayport-showcase__hero-content{padding:var(--bayport-spacing-2xl);justify-content:center}.bayport-showcase__hero-title,.bayport-showcase__hero-price{font-size:var(--bayport-font-size-4xl)}.bayport-showcase__remaining-grid{grid-template-columns:repeat(3,1fr)}}.bayport-showcase__compare-button{bottom:var(--bayport-spacing-md);left:var(--bayport-spacing-md);align-items:center;gap:var(--bayport-spacing-xs);padding:var(--bayport-spacing-xs)var(--bayport-spacing-sm);border-radius:var(--bayport-radius-sm);color:var(--bayport-color-black);font-size:var(--bayport-font-size-xs);cursor:pointer;transition:all var(--bayport-transition-base);box-shadow:var(--bayport-shadow-md);z-index:10;opacity:0;background-color:#fffffff2;border:none;font-weight:600;display:flex;position:absolute}.bayport-showcase__hero-image-wrapper:hover .bayport-showcase__compare-button,.bayport-showcase__featured-image-wrapper:hover .bayport-showcase__compare-button,.bayport-showcase__compare-button--active{opacity:1}.bayport-showcase__compare-button:hover{background-color:var(--bayport-color-gold);color:var(--bayport-color-black)}.bayport-showcase__compare-button--active{background-color:var(--bayport-color-gold);color:var(--bayport-color-black);opacity:1}.bayport-showcase__compare-button--disabled{cursor:not-allowed;opacity:.4!important}.bayport-showcase__compare-text{line-height:1}.bayport-showcase__compare-button--hero{bottom:var(--bayport-spacing-lg);left:var(--bayport-spacing-lg);padding:var(--bayport-spacing-sm)var(--bayport-spacing-md);font-size:var(--bayport-font-size-sm)}@media (min-width:1280px){.bayport-showcase__container{padding:0 var(--bayport-spacing-2xl)}.bayport-showcase__hero-card{grid-template-columns:1.4fr 1fr}.bayport-showcase__hero-image-wrapper{min-height:500px}.bayport-showcase__hero-content{padding:var(--bayport-spacing-3xl)}.bayport-showcase__remaining-grid{grid-template-columns:repeat(4,1fr)}}
.bayport-compare-float{bottom:var(--bayport-spacing-xl);right:var(--bayport-spacing-xl);background:var(--bayport-color-white);border-radius:var(--bayport-radius-xl);z-index:var(--bayport-z-fixed);border:2px solid var(--bayport-color-gray-100);width:320px;animation:.4s cubic-bezier(.34,1.56,.64,1) bayportCompareFloatIn;position:fixed;overflow:hidden;box-shadow:0 8px 32px #0003,0 2px 8px #0000001a}@keyframes bayportCompareFloatIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.bayport-compare-float__header{align-items:center;gap:var(--bayport-spacing-sm);padding:var(--bayport-spacing-md)var(--bayport-spacing-lg);background:var(--bayport-color-black);color:var(--bayport-color-white);display:flex}.bayport-compare-float__icon-wrapper{background:var(--bayport-color-gold);border-radius:var(--bayport-radius-lg);width:36px;height:36px;color:var(--bayport-color-black);justify-content:center;align-items:center;display:flex}.bayport-compare-float__title{font-family:var(--bayport-font-heading);font-size:var(--bayport-font-size-base);flex:1;font-weight:700}.bayport-compare-float__count{padding:var(--bayport-spacing-xs)var(--bayport-spacing-sm);border-radius:var(--bayport-radius-full);font-size:var(--bayport-font-size-xs);background:#fff3;font-weight:700}.bayport-compare-float__boats{padding:var(--bayport-spacing-sm);gap:var(--bayport-spacing-xs);flex-direction:column;max-height:200px;display:flex;overflow-y:auto}.bayport-compare-float__boat{align-items:center;gap:var(--bayport-spacing-sm);padding:var(--bayport-spacing-sm);background:var(--bayport-color-gray-50);border-radius:var(--bayport-radius-lg);transition:background-color var(--bayport-transition-fast);display:flex}.bayport-compare-float__boat:hover{background:var(--bayport-color-gray-100)}.bayport-compare-float__boat-image{object-fit:cover;border-radius:var(--bayport-radius-md);flex-shrink:0;width:48px;height:36px}.bayport-compare-float__boat-info{flex-direction:column;flex:1;min-width:0;display:flex}.bayport-compare-float__boat-name{font-size:var(--bayport-font-size-xs);color:var(--bayport-color-black);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.bayport-compare-float__boat-model{font-size:var(--bayport-font-size-xs);color:var(--bayport-color-gray-600);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bayport-compare-float__remove-button{width:24px;height:24px;color:var(--bayport-color-gray-500);cursor:pointer;border-radius:var(--bayport-radius-full);transition:all var(--bayport-transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.bayport-compare-float__remove-button:hover{color:#dc2626;background:#dc26261a}.bayport-compare-float__actions{gap:var(--bayport-spacing-sm);padding:var(--bayport-spacing-md);border-top:1px solid var(--bayport-color-gray-100);display:flex}.bayport-compare-float__clear-button{padding:var(--bayport-spacing-sm)var(--bayport-spacing-md);border:2px solid var(--bayport-color-gray-200);border-radius:var(--bayport-radius-lg);color:var(--bayport-color-black);font-size:var(--bayport-font-size-sm);cursor:pointer;transition:all var(--bayport-transition-base);background:0 0;flex:1;font-weight:600}.bayport-compare-float__clear-button:hover{border-color:var(--bayport-color-black);background:var(--bayport-color-gray-50)}.bayport-compare-float__compare-button{justify-content:center;align-items:center;gap:var(--bayport-spacing-xs);padding:var(--bayport-spacing-sm)var(--bayport-spacing-md);background:var(--bayport-color-gold);border-radius:var(--bayport-radius-lg);color:var(--bayport-color-black);font-size:var(--bayport-font-size-sm);cursor:pointer;transition:all var(--bayport-transition-base);border:none;flex:2;font-weight:700;display:flex}.bayport-compare-float__compare-button:hover{background:var(--bayport-color-gold-dark);transform:translateY(-1px);box-shadow:0 4px 12px #e6ad0066}.bayport-compare-float__compare-button svg{transition:transform var(--bayport-transition-base)}.bayport-compare-float__compare-button:hover svg{transform:translate(2px)}@media (max-width:640px){.bayport-compare-float{left:var(--bayport-spacing-md);right:var(--bayport-spacing-md);bottom:var(--bayport-spacing-md);width:auto}.bayport-compare-float__boats{max-height:150px}}