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 }
}
🌟 60ft Azimut Pink Panther Yacht Rental Miami | Exclusive Charter Adventure from $1,250 🛥️
👥 Up to 12 GuestsMax 12 passengers (USCG rules).
👨✈️ Captain & Crew IncludedLicensed captain + crew included.
💸 All Fees IncludedFuel, crew & standard amenities covered.
🥂 BYO Food & DrinksBring your own catering & beverages.
Sail in style aboard the 60ft Azimut Pink Panther, perfect for luxury Miami charters. This yacht offers spacious decks, elegant cabins, and premium amenities, making it ideal for sandbar excursions, skyline cruises, and private celebrations. Starting at $1,250.
⚓ Features
- 📏 Length: 60ft (Azimut Pink Panther)
- 🛋️ Spacious deck with sunpads & lounge areas
- 🛏️ Luxury cabins for day & overnight use
- 🚿 Modern bathrooms onboard
- 🎶 Premium Bluetooth audio system
- 🍷 Wet bar & galley for drinks and snacks
- 🏖️ Swim platform for sandbar & ocean access
- ✨ Elegant Azimut design & luxury finishes
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, Monday through Friday.
| Duration | Price |
|---|---|
| 3 Hours | $1,250 |
| 4 Hours | $1,500 |
| 5 Hours | $1,750 |
| 6 Hours | $2,050 |
💸 Gratuity for the crew is not included — we recommend tipping 10–20% for excellent service.
📞 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 }
