:root{--ms-card-bg:var(--ms-yachts-navy-light);--ms-card-bg-light:var(--ms-yachts-navy);--ms-card-bg-lighter:var(--ms-yachts-navy-dark)}.ms-yacht-card{background:var(--ms-card-bg);color:inherit;opacity:0;border-radius:3px;text-decoration:none;animation:.8s ease-out forwards yachtCardFadeIn;display:block;position:relative;overflow:hidden;transform:translateY(30px)}@keyframes yachtCardFadeIn{to{opacity:1;transform:translateY(0)}}.ms-yacht-card:before{content:"";-webkit-mask-composite:xor;pointer-events:none;z-index:1;background:linear-gradient(135deg,#f1633433 0%,#0000 30% 70%,#c4a35a33 100%);padding:1px;transition:all .6s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.ms-yacht-card:hover:before{background:linear-gradient(135deg,var(--ms-yachts-coral,#f16334)0%,#f163344d 30%,#c4a35a4d 70%,var(--ms-yachts-gold,#c4a35a)100%)}.ms-yacht-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px -15px #00000080,0 0 50px #f1633426}.ms-yacht-card__image-wrapper{aspect-ratio:16/9;position:relative;overflow:hidden}.ms-yacht-card__image{object-fit:cover;transition:transform .8s cubic-bezier(.4,0,.2,1)}.ms-yacht-card:hover .ms-yacht-card__image{transform:scale(1.05)}.ms-yacht-card__overlay{pointer-events:none;background:linear-gradient(#0000 40%,#0a0e1499 100%);position:absolute;inset:0}.ms-yacht-card__badge{font-family:var(--ms-yachts-font-body,"Montserrat",sans-serif);letter-spacing:.15em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;padding:.5rem 1rem;font-size:.6rem;font-weight:600;position:absolute;top:1.25rem;left:1.25rem}.ms-yacht-card__favorite-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;color:#fffc;z-index:3;background:#121928b3;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:1.25rem;right:1.25rem}.ms-yacht-card__favorite-button:hover{border-color:var(--ms-yachts-coral,#d4af37);color:var(--ms-yachts-coral,#d4af37);background:#121928e6;transform:scale(1.1)}.ms-yacht-card__favorite-button--active{background:linear-gradient(135deg,var(--ms-yachts-coral,#d4af37)0%,var(--ms-yachts-coral-dark,#b4af37)100%);border-color:var(--ms-yachts-coral,#d4af37);color:var(--ms-yachts-navy-dark,#041526)}.ms-yacht-card__favorite-button--active:hover{background:linear-gradient(135deg,var(--ms-yachts-coral-light,gold)0%,var(--ms-yachts-coral,#d4af37)100%);color:var(--ms-yachts-navy-dark,#041526)}.ms-yacht-card__compare-button{border:2px solid var(--ms-yachts-navy-dark,#041526);color:var(--ms-yachts-navy-dark,#041526);font-family:var(--ms-yachts-font-body,"Montserrat",sans-serif);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;z-index:10;opacity:0;pointer-events:none;background:#fffffffa;border-radius:3px;align-items:center;gap:6px;padding:.5rem 1rem;font-size:.65rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 4px 12px #0000004d}.ms-yacht-card__link:hover .ms-yacht-card__compare-button,.ms-yacht-card:hover .ms-yacht-card__compare-button,.ms-yacht-card__compare-button--active{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.ms-yacht-card__compare-button:hover{background:linear-gradient(135deg,var(--ms-yachts-coral,#f16334)0%,var(--ms-yachts-coral-dark,#d4522a)100%);border-color:var(--ms-yachts-coral,#f16334);color:#fff;transform:translate(-50%)translateY(-2px);box-shadow:0 6px 20px #f1633466}.ms-yacht-card__compare-button--active{background:linear-gradient(135deg,var(--ms-yachts-coral,#f16334)0%,var(--ms-yachts-coral-dark,#d4522a)100%);border-color:var(--ms-yachts-coral,#f16334);color:#fff;opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.ms-yacht-card__compare-button--active:hover{filter:brightness(1.1)}.ms-yacht-card__compare-button--disabled{cursor:not-allowed;pointer-events:none;opacity:.4!important}.ms-yacht-card__compare-text{white-space:nowrap}.ms-yacht-card--compare-selected{box-shadow:0 0 0 2px var(--ms-yachts-coral,#f16334),0 30px 60px -15px #00000080,0 0 50px #f1633433}.ms-yacht-card--compare-selected:before{background:linear-gradient(135deg,var(--ms-yachts-coral,#f16334)0%,#f1633480 30%,#c4a35a80 70%,var(--ms-yachts-gold,#c4a35a)100%)}.ms-yacht-card__link{color:inherit;text-decoration:none;display:block}.ms-yacht-card__badge--new{background:linear-gradient(135deg,var(--ms-yachts-coral,#f16334)0%,var(--ms-yachts-coral-dark)100%);color:#fff}.ms-yacht-card__badge--preowned{color:#ffffffe6;background:#121928e6;border:1px solid #ffffff1a}.ms-yacht-card__badge--sold{background:linear-gradient(135deg,var(--ms-yachts-gold,#c4a35a)0%,var(--ms-yachts-gold-dark)100%);color:#fff}.ms-yacht-card__content{padding:1.75rem}.ms-yacht-card__brand{font-family:var(--ms-yachts-font-body,"Montserrat",sans-serif);letter-spacing:.25em;text-transform:uppercase;color:var(--ms-yachts-coral,#f16334);margin-bottom:.5rem;font-size:.65rem;font-weight:600;display:block}.ms-yacht-card__title{font-family:var(--ms-yachts-font-display,"Cormorant Garamond",serif);color:#fff;margin:0 0 1rem;font-size:1.4rem;font-weight:500;line-height:1.3}.ms-yacht-card__details{font-family:var(--ms-yachts-font-body,"Montserrat",sans-serif);color:#ffffff80;flex-wrap:wrap;gap:.5rem 0;margin-bottom:1.5rem;font-size:.8rem;display:flex}.ms-yacht-card__details span:not(:last-child):after{content:"•";opacity:.3;margin:0 .75rem}.ms-yacht-card__footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:1.25rem;display:flex}.ms-yacht-card__price{font-family:var(--ms-yachts-font-display,"Cormorant Garamond",serif);color:#fff;font-size:1.25rem;font-weight:600}.ms-yacht-card__cta{font-family:var(--ms-yachts-font-body,"Montserrat",sans-serif);letter-spacing:.1em;text-transform:uppercase;color:var(--ms-yachts-coral,#f16334);align-items:center;gap:.5rem;font-size:.7rem;font-weight:600;transition:all .3s;display:inline-flex}.ms-yacht-card__cta svg{transition:transform .3s}.ms-yacht-card:hover .ms-yacht-card__cta svg{transform:translate(4px)}.ms-yacht-card__accent{background:linear-gradient(90deg,var(--ms-yachts-coral,#f16334),var(--ms-yachts-gold,#c4a35a));transform-origin:0;height:3px;transition:transform .6s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.ms-yacht-card:hover .ms-yacht-card__accent{transform:scaleX(1)}.ms-yacht-card--skeleton{pointer-events:none;opacity:1;animation:none;transform:none}.ms-yacht-card__skeleton-image{aspect-ratio:16/9;background:linear-gradient(90deg,var(--ms-card-bg-light)0%,var(--ms-card-bg-lighter)50%,var(--ms-card-bg-light)100%);background-size:200% 100%;animation:1.5s infinite shimmer}.ms-yacht-card__skeleton-brand,.ms-yacht-card__skeleton-title,.ms-yacht-card__skeleton-details,.ms-yacht-card__skeleton-footer{background:var(--ms-card-bg-light);border-radius:2px;animation:1.5s infinite shimmer}.ms-yacht-card__skeleton-brand{width:80px;height:12px;margin-bottom:.75rem}.ms-yacht-card__skeleton-title{width:85%;height:24px;margin-bottom:1rem}.ms-yacht-card__skeleton-details{width:70%;height:16px;margin-bottom:1.5rem}.ms-yacht-card__skeleton-footer{width:100%;height:40px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:1024px){.ms-yacht-card__title{font-size:1.3rem}.ms-yacht-card__content{padding:1.5rem}}@media (max-width:768px){.ms-yacht-card__content{padding:1.25rem}.ms-yacht-card__title{font-size:1.25rem}.ms-yacht-card__price{font-size:1.15rem}.ms-yacht-card__badge{padding:.4rem .85rem;font-size:.55rem;top:1rem;left:1rem}}
