Description
–accent:#E45C9C; –ring:rgba(228,92,156,.22); –border:#eef2f7; –chip:#fff7fb;
background:#fff; border:1px solid var(–border); border-radius:16px;
padding:20px; max-width:860px; margin:20px auto; line-height:1.55;
color:#1f2937; box-shadow:0 6px 18px rgba(2,6,23,.06);
transition:border .2s ease, box-shadow .2s ease;
}
.fy-yacht-card:hover{ border:1px solid var(–accent); box-shadow:0 10px 26px rgba(228,92,156,.25) }
.fy-yacht-card h2{ font-size:1.45rem; margin:0 0 8px; color:#0f172a; letter-spacing:-.01em }
.fy-yacht-card p{ margin:8px 0 12px }
.fy-yacht-card h3{ font-size:1.1rem; margin:20px 0 12px; color:#111827; display:flex; gap:8px; align-items:center }
.fy-divider{ height:1px; background:var(–border); margin:16px 0 }
.fy-subspecs{ display:flex; flex-wrap:wrap; gap:8px; margin:6px 0 14px }
.fy-spec{
position:relative; cursor:help; font-size:.85rem; font-weight:600; color:#5e2441;
padding:4px 10px; border-radius:999px; background:#fff7fb; border:1px solid var(–border);
transition:border .2s ease, background .2s ease;
}
.fy-spec:hover{ border:1px solid var(–accent); background:#ffe8f2 }
@media (min-width:561px){
.fy-spec::after{
content:attr(data-tooltip);
position:absolute; bottom:calc(100% + 6px); left:50%; transform:translateX(-50%);
background:#0f172a; color:#fff; font-size:.75rem; padding:6px 8px; border-radius:6px;
white-space:nowrap; opacity:0; pointer-events:none; transition:opacity .2s ease;
box-shadow:0 2px 6px rgba(0,0,0,.25); z-index:10;
}
.fy-spec:hover::after{ opacity:1 }
.fy-spec-tip{ display:none }
}
@media (max-width:560px){
.fy-spec{ cursor:default }
.fy-spec::after{ content:none }
.fy-spec-tip{
display:block; font-size:.8rem; font-weight:500; color:#334155;
background:#fff; border:1px dashed var(–border); border-left:3px solid var(–accent);
padding:6px 8px; border-radius:8px; margin-top:6px;
}
}
.fy-list{ list-style:none; padding:0; margin:0; display:grid; grid-template-columns:1fr; gap:10px }
.fy-list li{
background:#f9fafb; border:1px solid #f1f5f9; border-radius:12px;
padding:10px 12px; display:flex; align-items:center; gap:10px;
transition:background .2s ease, border .2s ease;
}
.fy-list li:hover{ background:#fff5f9; border:1px solid var(–accent) }
.fy-emoji{
font-size:1.1rem; width:32px; height:32px; border-radius:10px;
background:var(–chip); border:1px solid var(–border); box-shadow:0 2px 6px rgba(2,6,23,.05);
display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto;
transition:border .2s ease, background .2s ease;
}
.fy-list li:hover .fy-emoji{ border:1px solid var(–accent); background:#ffe8f2 }
@media(min-width:560px){
.fy-yacht-card h2{ font-size:1.6rem }
.fy-yacht-card h3{ font-size:1.2rem }
.fy-list{ grid-template-columns:1fr 1fr }
}
🔥 50ft Maxum Yacht Rental Miami | Exclusive Charter Adventure from $900 🛥️
👥 Up to 10 GuestsMax 10 passengers (USCG rules). 👨✈️ Captain & Crew IncludedLicensed captain + crew included. 💸 All Fees IncludedFuel, crew & standard amenities covered. 🥂 BYO Food & DrinksBring your own catering & beverages. Explore Miami aboard the 50ft Maxum, ideal for day trips, sandbar visits, and private events. Features comfortable cabins, spacious deck, and premium onboard amenities. Starting at $900.
⚓ Features
- 📏 Length: 50ft (Maxum)
- 🛋️ Spacious deck with sunpads & lounge area
- 🛏️ Comfortable cabins for day use
- 🚿 Onboard bathrooms
- 🎶 Bluetooth audio system
- 🍹 Wet bar for drinks & refreshments
- 🏖️ Swim platform for sandbar & water access
- ✨ Sleek Maxum design with premium finishes
📞 Call / Text (954) 246-3636 📲 Whatsapp Us ⚓ Schedule A Call
.fy-cta{ display:flex; flex-direction:column; gap:12px; margin-top:18px }
.fy-btn{
display:flex; align-items:center; justify-content:center; gap:8px;
text-decoration:none; border:1px solid transparent; padding:12px 16px; border-radius:12px; font-weight:700;
transition:transform .05s, box-shadow .2s, filter .15s, background .2s; user-select:none;
width:100%;
}
.fy-btn:active{ transform:translateY(1px) }
.fy-btn i{
display:flex; align-items:center; justify-content:center; width:26px; height:26px;
border-radius:8px; background:#fff1f7; border:1px solid #f8d9e8; font-style:normal;
}
.fy-btn–primary{ background:linear-gradient(180deg,#E86AA6 0%,#E45C9C 100%); color:#fff; box-shadow:0 10px 22px rgba(228,92,156,.22) }
.fy-btn–primary:hover{ filter:brightness(1.02); box-shadow:0 12px 26px rgba(228,92,156,.35) }
.fy-btn–secondary{ background:#fff; color:#5e2441; border:1px solid #eef2f7; box-shadow:0 4px 10px rgba(2,6,23,.05) }
.fy-btn–secondary:hover{ border:1px solid #E45C9C; box-shadow:0 6px 14px rgba(228,92,156,.25); color:#E45C9C }
Container (same system)
========================= */
.fy-pricing{
–accent:#E45C9C;
–ring:rgba(228,92,156,.22);
–border:#eef2f7;background:#fff;
border:1px solid var(–border);
border-radius:16px;
padding:20px;
max-width:880px;
margin:18px auto;
box-shadow:0 6px 18px rgba(2,6,23,.06);
line-height:1.55;
color:#1f2937;
transition:border .2s ease, box-shadow .2s ease;
overflow:clip;
}
.fy-pricing:hover{ border:1px solid var(–accent); box-shadow:0 10px 26px rgba(228,92,156,.25) }
/* Headings */
#fy-pricing-title{ margin:0 0 8px 0; font-weight:700; color:#0f172a; letter-spacing:-.01em; font-size:1.45rem }
.fy-pricing-intro{ margin:0 0 14px 0 }
/* Divider (optional) */
.fy-pricing .fy-divider{ height:1px; background:var(–border); margin:14px 0 }
/* =========================
Table wrapper (scroll)
========================= */
.fy-table-wrap{
overflow-x:auto;
-webkit-overflow-scrolling:touch;
border-radius:12px;
border:1px solid var(–border);
background:#fff;
box-shadow:0 4px 14px rgba(2,6,23,.04);
}
/* =========================
Table
========================= */
table.fy-table{
width:100%;
border-collapse:collapse;
min-width:480px; /* keeps columns readable on small tablets */
background:#fff;
}
.fy-table caption{
caption-side:top;
text-align:left;
padding:12px 12px 0 12px;
font-weight:700;
color:#0f172a;
}
.fy-table thead th{
text-align:left;
padding:12px;
border-bottom:2px solid var(–accent);
background:#fff;
position:sticky;
top:0;
z-index:1;
}
.fy-table td{
padding:12px;
border-top:1px solid var(–border);
vertical-align:middle;
}
/* Subtle row hover (desktop only) */
@media (hover:hover){
.fy-table tbody tr:hover td{ background:#fff7fb }
}
/* =========================
Mobile: card layout
========================= */
@media (max-width:560px){
table.fy-table{ min-width:0 }
.fy-table thead{ display:none }
.fy-table tbody tr{
display:grid;
grid-template-columns:1fr 1fr;
gap:6px 10px;
padding:10px 12px;
border-top:1px solid var(–border);
}
.fy-table tbody tr:first-child{ border-top:0 }
.fy-table td{
border:0;
padding:0;
}
.fy-table td[data-label]::before{
content:attr(data-label);
display:block;
font-weight:700;
margin-bottom:2px;
color:#111827;
}
}
/* Note / callout (same look as other cards) */
.fy-note{
border:1px solid var(–border);
border-left:4px solid var(–accent);
padding:10px 12px;
border-radius:12px;
background:#fff;
margin-top:12px;
}
⏱️ Miami Charter Duration & Pricing
Choose the perfect length for your yacht experience. From a quick 3-hour cruise to a full-day 6-hour adventure.
| Duration | Price |
|---|---|
| 3 Hours | $900 |
| 4 Hours + 1 Hour Free | $1,200 |
| 5 Hours + 1 Hour Free | $1,350 |
| 6 Hours + 1 Hour Free | $1,550 |
💸 Gratuity for the crew is not included — we recommend tipping 10–20% for excellent service.
