/* PalmSeth - GoFast Taxi page refresh (scoped to body.page-gotaxi) */
.page-gotaxi .taxi-hero {
 background: linear-gradient(135deg, #14213d 0%, #1f3a63 60%, #f4a301 160%);
 color: #ffffff;
 padding: 12rem 0 9rem;
 position: relative;
 overflow: hidden;
 text-align: center;
}
.page-gotaxi .taxi-hero::after {
 content: '';
 position: absolute;
 width: 52rem;
 height: 52rem;
 right: -18rem;
 bottom: -26rem;
 border-radius: 50%;
 background: rgba(244, 163, 1, 0.22);
 pointer-events: none;
}
.page-gotaxi .taxi-hero .hero-container {
 position: relative;
 z-index: 1;
}
.page-gotaxi .taxi-hero .hero-title {
 font-family: var(--font-secondary);
 font-size: 5.6rem;
 font-weight: 700;
 line-height: 1.1;
 margin-bottom: 2rem;
 color: #ffffff;
}
.page-gotaxi .taxi-hero .hero-tagline {
 font-size: 1.8rem;
 line-height: 1.7;
 opacity: 0.93;
}
.page-gotaxi .section {
 padding: 9rem 0;
}
.page-gotaxi .section-header {
 text-align: center;
 margin-bottom: 4.5rem;
}
.page-gotaxi .section-title {
 font-family: var(--font-secondary);
 font-size: 3.6rem;
 font-weight: 700;
 margin-bottom: 1.2rem;
}
.page-gotaxi .taxi-booking-container {
 background: #ffffff;
 border-radius: 24px;
 box-shadow: 0 20px 50px rgba(20, 33, 61, 0.12);
 padding: 3.6rem;
 border: 1px solid rgba(20, 33, 61, 0.06);
}
.page-gotaxi .booking-form input,
.page-gotaxi .booking-form select {
 border-radius: 12px;
 border: 1px solid #d6dce6;
 padding: 1.2rem 1.4rem;
 transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.page-gotaxi .booking-form input:focus,
.page-gotaxi .booking-form select:focus {
 outline: none;
 border-color: #f4a301;
 box-shadow: 0 0 0 4px rgba(244, 163, 1, 0.18);
}
.page-gotaxi .taxi-btn {
 background: #f4a301;
 border-color: #f4a301;
 color: #14213d;
 border-radius: 14px;
 font-weight: 700;
 box-shadow: 0 10px 24px rgba(244, 163, 1, 0.3);
}
.page-gotaxi .taxi-btn:hover {
 background: #ffb62e;
 transform: translateY(-2px);
}
.page-gotaxi .map-preview {
 border-radius: 18px;
 overflow: hidden;
}
.page-gotaxi .taxi-features {
 background: #f6f8fb;
}
.page-gotaxi .taxi-feature {
 background: #ffffff;
 border-radius: 20px;
 padding: 3.2rem 2.6rem;
 border: 1px solid rgba(20, 33, 61, 0.07);
 box-shadow: 0 10px 30px rgba(20, 33, 61, 0.06);
 text-align: center;
 transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.page-gotaxi .taxi-feature:hover {
 transform: translateY(-6px);
 box-shadow: 0 22px 44px rgba(20, 33, 61, 0.12);
}
.page-gotaxi .taxi-feature-icon {
 width: 6.4rem;
 height: 6.4rem;
 margin: 0 auto 2rem;
 border-radius: 16px;
 display: flex;
 align-items: center;
 justify-content: center;
 background: linear-gradient(135deg, #fff4d6 0%, #ffe6a8 100%);
 color: #b87a00;
 font-size: 2.4rem;
}
.page-gotaxi .taxi-feature h3 {
 font-family: var(--font-secondary);
 font-size: 2rem;
 font-weight: 700;
 margin-bottom: 1rem;
}
.page-gotaxi .taxi-feature p {
 font-size: 1.5rem;
 line-height: 1.65;
 color: var(--color-text-light);
}
.page-gotaxi .vehicle-card {
 background: #ffffff;
 border-radius: 20px;
 overflow: hidden;
 border: 1px solid rgba(20, 33, 61, 0.07);
 box-shadow: 0 10px 30px rgba(20, 33, 61, 0.07);
 transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.page-gotaxi .vehicle-card:hover {
 transform: translateY(-6px);
 box-shadow: 0 22px 44px rgba(20, 33, 61, 0.14);
}
.page-gotaxi .vehicle-image img {
 width: 100%;
 height: 22rem;
 object-fit: cover;
 display: block;
 transition: transform 0.5s ease;
}
.page-gotaxi .vehicle-card:hover .vehicle-image img {
 transform: scale(1.05);
}
.page-gotaxi .vehicle-details {
 padding: 2.4rem 2.2rem 2.6rem;
}
.page-gotaxi .vehicle-details h3 {
 font-family: var(--font-secondary);
 font-size: 2rem;
 font-weight: 700;
 margin-bottom: 0.8rem;
}
.page-gotaxi .vehicle-details p {
 font-size: 1.5rem;
 line-height: 1.6;
 color: var(--color-text-light);
 margin-bottom: 1.6rem;
}
.page-gotaxi .vehicle-features li {
 font-size: 1.4rem;
 margin-bottom: 0.6rem;
 color: var(--color-text);
}
.page-gotaxi .vehicle-features li i {
 color: #f4a301;
 margin-right: 0.8rem;
 width: 1.6rem;
}
.page-gotaxi .taxi-cta {
 background: linear-gradient(135deg, #14213d 0%, #1f3a63 100%);
 color: #ffffff;
 padding: 9rem 0;
}
.page-gotaxi .taxi-cta .cta-title {
 color: #ffffff;
}
.page-gotaxi .taxi-cta .cta-text {
 color: rgba(255, 255, 255, 0.85);
}
@media (max-width: 767px) {
 .page-gotaxi .taxi-hero .hero-title {
 font-size: 4rem;
 }
 .page-gotaxi .taxi-hero {
 padding: 10rem 0 6rem;
 }
 .page-gotaxi .section {
 padding: 6rem 0;
 }
 .page-gotaxi .taxi-booking-container {
 padding: 2.4rem;
 }
}