#reviews,
#video,
#shuttle-highlight {
content-visibility: auto;
contain-intrinsic-size: 800px;
}
:root{
--color-primary: #FF9D16; --color-accent:  #0198CF; --color-text:    #4C4C4C; --color-bg:      #FFFFFF; --radius: 8px;
--transition: 200ms;
font-family: 'Nunito Sans', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
*{box-sizing:border-box}
body{margin:0;color:var(--color-text);background:var(--color-bg);font-size:16px;line-height:1.5}  .site-header {
position: sticky;
top: 0;
z-index: 9999;
background: #f3f1f1;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
--header-height: 100px;
}
.site-header .container {
display: flex;
align-items: center;
justify-content: space-between;
padding: 4px 0; }
main {
margin-top: calc(var(--header-height, 54px));
} body {
scroll-padding-top: 90px; } @media (max-width: 991px) {
.site-header {
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}
}
.logo img{display:block}
.nav-list a{color:var(--color-text);text-decoration:none;font-weight:600}
.nav-list a:hover{color:var(--color-accent)}   .top-offer {
background:transparent;
padding: 4px 0;
border-radius: 0 0 8px 8px;
}
.offer-link {
display: inline-flex;
align-items: center;
gap: 6px;
color: #fff;
font-size: 0.95rem;
font-weight: 500;
text-decoration: none;
background: #777777;
border-radius: 12px;
padding: 4px 12px;
transition: all 0.2s ease;
}
.offer-link:hover {
background: #ff9d16;
color: #fff;
} .offer-icon {
width: 18px;
height: 18px;
flex-shrink: 0;
filter: invert(60%) sepia(96%) saturate(2718%) hue-rotate(5deg) brightness(101%) contrast(101%); transition: filter 0.2s ease;
} .offer-link:hover .offer-icon {
filter: brightness(0) invert(1);
} @media (max-width: 768px) {
.offer-link {
font-size: 0.85rem;
padding: 4px 8px;
}
.offer-icon {
width: 16px;
height: 16px;
}
} .mobile-menu{display:none;background:#fff;border-top:1px solid #eee;padding:12px}
.mobile-menu.open{display:block} .hero{
min-height: calc(100vh - 72px);
padding-top:20px; padding-bottom:20px;
text-align:center; display:flex; align-items:center; justify-content:center;
background:#fff;
}
.hero-inner{text-align: center;max-width: 960px; margin: 0 auto;}
.eyebrow{color:var(--color-accent);font-weight:700;margin-bottom:10px}
.display-5{color:var(--color-text);font-weight:700;margin-bottom:10px}
.lead{color:#606060;margin-bottom:18px}
.hero-title {
display: inline-flex;
align-items: center;
justify-content: center; gap: 6px;
}
.hero-icon {
width: 26px;
height: 26px;
flex-shrink: 0;
} .booking-card {
position: relative;
background: #fff;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
padding: 0;
overflow: hidden;
z-index: 2;
}
.booking-frame iframe {
display: block;
position: relative;
z-index: 2;
}
.hero-title, 
.hero .lead, 
.advantages {
position: relative;
z-index: 3;
} .advantages{
background:#fff;
padding-top: 0.5rem !important;
padding-bottom: 0 !important;
}
.adv-item{padding:10px}
.adv-icon{width:auto;height:36px;display:block;margin:0 auto 10px;color:#FF9D16}
.adv-text{font-weight:600;color:var(--color-text)}
#reviews {
margin-top:40px;
} .reviews-placeholder{
min-height:140px;margin-top:50px;border-radius:8px;border:1px dashed #ddd;display:flex;
align-items:center;justify-content:center;background:#fff;
} .map-placeholder{
min-height:320px;border-radius:8px;border:1px dashed #ddd;background:#fff;
display:flex;align-items:center;justify-content:center;
} .btn-primary{
background:var(--color-primary); color:var(--color-text); border:0; padding:10px 14px;
border-radius:8px; font-weight:700; transition:filter var(--transition); display:inline-block
}
.btn-primary:hover{filter:brightness(0.95)}
.btn-secondary{
background:var(--color-accent); color:#fff; border:0; padding:10px 14px;
border-radius:8px; font-weight:700; text-decoration:none; display:inline-block
} .fade-in, .fade-up { opacity: 0; transform: translateY(8px); transition: opacity 420ms ease, transform 420ms ease; }
.in-view{ opacity: 1; transform: translateY(0); } @media (min-width: 1200px){ }
@media (max-width:1199.98px) and (min-width:768px){ }
@media (max-width:767.98px){ .hero{padding-top:8px;padding-bottom:8px}
.booking-card{margin-bottom:12px}
} .how-header {
background: #f2f2f2;
width: 100%;
}
.how-it-works {
position: relative;
overflow: hidden;
min-height: 550px;
}
.how-path {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 400px;
z-index: 0;
}
.center-image {
position: relative;
z-index: 2;
max-width: 300px;
margin: 0 auto 40px;
}
.how-steps {
position: relative;
z-index: 3;
height: 400px;
margin-top: -250px;
}
.how-steps .step {
position: absolute;
width: 160px;
text-align: center;
color: #333;
}
.step-icon svg {
width: 40px;
height: 40px;
margin-bottom: 6px;
color: #676767;
}
.step-text {
font-size: 0.95rem;
font-weight: 600;
line-height: 1.3;
} .step-1 { top: 60px; left: 8%; }
.step-2 { top: 220px; left: 20%; }
.step-3 { top: 260px; left: 36%; }
.step-4 { top: 260px; right: 36%; }
.step-5 { top: 220px; right: 20%; }
.step-6 { top: 60px; right: 8%; } .how-path path {
stroke-dasharray: 6 6;
stroke-dashoffset: 0;
stroke: #ccc;
stroke-width: 2;
} @media (max-width: 991px) {
.how-path { display: none; }
.how-steps {
height: auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
margin-top: 20px;
}
.how-steps .step {
position: static;
width: 45%;
max-width: 180px;
}
}
@media (max-width: 1199px) {
.how-steps {
margin-top: -180px; }
}
@media (max-width: 991px) {
.how-steps {
margin-top: 0; }
} @keyframes stepFadeUp {
0% {
opacity: 0;
transform: translateY(20px) scale(0.9);
}
100% {
opacity: 1;
transform: translateY(0) scale(1);
}
}
.how-steps .step {
opacity: 0;
animation: stepFadeUp 0.6s ease-out forwards;
} .step-1 { animation-delay: 0.2s; }
.step-2 { animation-delay: 0.4s; }
.step-3 { animation-delay: 0.6s; }
.step-4 { animation-delay: 0.8s; }
.step-5 { animation-delay: 1.0s; }
.step-6 { animation-delay: 1.2s; } .nav-desktop ul {
list-style: none; margin: 0;
padding: 0;
display: flex;
gap: 24px; align-items: center;
}
.nav-desktop ul li {
display: inline-block;
}
.nav-desktop ul li a {
color: #4c4c4c;
text-decoration: none;
font-weight: 600;
font-size: 0.95rem;
transition: color 0.2s ease;
position: relative;
padding: 4px 0;
} .nav-desktop ul li a:hover {
color: #ff9d16;
} .nav-desktop ul li a::after {
content: "";
position: absolute;
left: 0;
bottom: -4px;
width: 0;
height: 2px;
background: #ff9d16;
transition: width 0.3s ease;
}
.nav-desktop ul li a:hover::after {
width: 100%;
} @media (max-width: 991px) {
.nav-desktop ul {
flex-direction: column;
gap: 12px;
align-items: flex-start;
}
.nav-desktop ul li a {
font-size: 1rem;
}
}
.payment-box {
position: absolute;
top: 100px;
left: 0;
background: #f7f7f7;
border: 1px solid #ddd;
border-radius: 0 8px 8px 0;
padding: 6px 14px;
display: flex;
flex-direction: column;
align-items: flex-start;
width: 230px;
font-family: 'Nunito Sans', sans-serif;
}
.payment-box h4 {
font-size: 0.9rem;
font-weight: 600;
margin-bottom: 6px;
color: #333;
}
.payment-icons {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px 18px; }
.payment-icons img {
width: auto;
height: 14px;
object-fit: contain;
}
.cash-text {
font-size: 0.90rem;
font-weight: 900;
color: #4c4c4c;
}
@media (max-width: 768px) {
.payment-box {
position: relative;
width: 100%;
border-radius: 0;
text-align: center;
align-items: center;
}
.payment-icons {
grid-template-columns: 1fr;
}
}
.rating-box {
position: absolute;
top: 100px;
right: 0;
background: #f7f7f7;
border: 1px solid #ddd;
border-radius: 8px 0 0 8px;
padding: 10px 14px;
display: flex;
align-items: center;
width: 260px;
font-family: 'Nunito Sans', sans-serif;
}
.rating-content {
display: flex;
align-items: center;
gap: 10px;
}
.rating-google {
width: 44px;
height: 44px;
}
.rating-title {
display: flex;
flex-direction: column;
align-items: flex-start;
line-height: 1.1;
} .rating-line {
display: flex;
align-items: center;
gap: 6px; margin-top: 2px;
}
.rating-label {
font-weight: 600;
color: #333;
padding-left: 30px;
}
.rating-score {
font-weight: 700;
color: #ffc107;
font-size: 1rem;
padding-left: 24px; 
}
.rating-stars img {
width: 16px;
height: auto;
margin-left: 2px;
display: inline-block;
vertical-align: middle;
}
.rating-stars {
margin-left: 5px;
}
.rating-sub {
font-size: 0.7rem;
margin: 2px 0 0;
color: #666;
}
.hero-image {
position: relative;
max-width: 1000px;
margin: 0 auto;
overflow: hidden; }
.hero-parking-img {
width: 100%;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.08);
} .hero-caption {
position: absolute;
top: 5px;
right: 24px;
text-align: right;
line-height: 1.1;
transition: transform 0.4s ease, opacity 0.4s ease;
}
.hero-image:hover .hero-caption {
transform: translateY(-6px);
opacity: 1;
}
.hero-image:hover img {
filter: brightness(0.95);
transition: filter 1.6s ease;
}
.hero-image:hover::after {
background: rgba(255, 157, 22, 0.18); }
.hero-caption h3 {
font-size: 2.6rem;
font-weight: 800;
margin: 0;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.hero-caption p {
font-size: 1.644rem;
font-weight: 600;
margin: 4px 0 0;
text-transform: uppercase;
}
.hero-caption .blue {
color: #0198CF;
}
.hero-caption .orange {
color: #FF9D16;
} @media (max-width: 768px) {
.hero-caption {
top: 0px;
right: 10px;
}
.hero-caption h3 {
font-size: 1.3rem;
}
.hero-caption p {
font-size: 0.85rem;
}
} .why-section {
background: #f3f1f1;
position: relative;
overflow: hidden;
} .why-section::before,
.why-section::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 2px;
background: linear-gradient(to bottom, transparent 0%, #cccccc 50%, transparent 100%);
pointer-events: none;
}
.why-section::before { left: 0; }
.why-section::after { right: 0; } .why-list {
display: flex;
flex-direction: column;
gap: 1.5rem;
} .why-row {
display: flex;
align-items: center; gap: 1.25rem;
padding: 1rem 1.5rem;
background: #fff;
border-radius: 10px;
box-shadow: 0 2px 6px rgba(0,0,0,0.05);
} .why-icon {
flex: 0 0 56px; display: flex;
align-items: center;
justify-content: center;
color: #FF9D16;
}
.why-icon svg {
width: 44px;
height: 44px;
display: block;
fill: currentColor;
stroke: currentColor;
} .why-text {
color: #4C4C4C;
font-size: 0.96rem;
line-height: 1.45;
} @media (max-width: 768px) {
.why-row {
flex-direction: column;
text-align: center;
padding: 1rem;
}
.why-icon {
flex: none;
margin-bottom: 0.5rem;
justify-content: center; }
.why-icon svg {
width: 52px;
height: 52px;
} .why-row + .why-row {
border-top: 1px solid transparent;
border-image: linear-gradient(to right, transparent, #cccccc 50%, transparent) 1;
}
} .team-online {
background: #fff;
color: #4C4C4C;
}
.team-online .team-image {
max-width: 100%;
border-radius: 12px;
transition: transform 0.3s ease;
}
.team-online .team-image:hover {
transform: scale(1.02);
} .btn-main {
display: inline-block;
background: #FF9D16;
color: #fff;
font-weight: 600;
padding: 10px 24px;
border-radius: 6px;
text-decoration: none;
transition: all 0.25s ease;
}
.btn-main:hover {
background: #e98b00;
color: #fff;
} .team-online p {
font-size: 1rem;
line-height: 1.5;
} @media (max-width: 768px) {
.team-online .row {
flex-direction: column;
text-align: center;
}
.team-online .col-lg-6 {
width: 100%;
}
.team-online .team-image {
max-width: 320px;
margin: 0 auto 1rem;
}
.team-online h2 {
margin-top: 1rem;
}
.btn-main {
margin-top: 1rem;
}
}  .tips-body {
background: #FF9D16;
color: #fff;
position: relative;
overflow: hidden;
} .tips-body {
position: relative;
background-color: #FF9D16;
overflow: hidden;
}
.tips-content {
position: relative;
z-index: 2;
color: #fff;
} .tips-body::before {
content: "";
position: absolute;
bottom: 0; right: 5%; width: 70%; height: 100%; background-size: contain;
opacity: 0.10; pointer-events: none; z-index: 1;
} .tips-body::before {
left: calc(50% - 700px); }
.tips-body::after {
right: calc(50% - 700px);
} @media (max-width: 992px) {
.tips-body::before,
.tips-body::after {
display: none;
}
} .tips-content {
position: relative;
z-index: 2;
font-size: 1rem;
line-height: 1.6;
}
.tips-content h4 {
color: #fff;
font-weight: 700;
margin-top: 1.2rem;
margin-bottom: 0.5rem;
}
.tips-content p {
margin-bottom: 1rem;
} .tips-header {
background: #fff;
}
.tips-header h2 {
font-weight: 600;
color: #4c4c4c;
}
.how-header h2.mb-4 {
margin-bottom: 0.5rem !important;
} @media (max-width: 768px) {
.tips-body::before {
background-size: 120%;
opacity: 0.18;
}
} .where-section {
background: #fff;
color: #000;
}
.section-title {
font-weight: 600;
color: #4c4c4c;
} .location-icon svg {
width: 48px;
height: 48px;
flex-shrink: 0;
fill: #FF9D16;
} .location-info {
font-size: 1rem;
line-height: 1.5;
color: #000;
} .map-wrapper {
width: 100%;
min-height: 360px;
border-radius: 12px;
overflow: hidden;
position: relative;
background: #f3f3f3;
}
.map-wrapper iframe {
display: block;
width: 100%;
height: 100%;
border: 0;
} @media (max-width: 768px) {
.location-box {
flex-direction: column;
align-items: center;
text-align: center;
}
.location-icon {
margin-bottom: 0.5rem;
}
.map-wrapper {
height: 300px;
}
} .site-footer {
background: linear-gradient(to right, #4A3C27, #443326);
color: #fff;
font-size: 0.95rem;
padding: 32px 0;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.3);
} .footer-container {
max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: 1.1fr auto 1.1fr; align-items: center;
gap: 80px; padding: 0 40px;
} .footer-left {
text-align: left;
line-height: 1.6;
padding-left: 20px; }
.footer-address {
margin-bottom: 10px;
}
.footer-tel {
color: #FF9D16;
text-decoration: none;
font-weight: 600;
}
.footer-tel:hover {
text-decoration: underline;
}
.footer-copy {
font-size: 0.85rem;
color: #ddd;
} .footer-center {
text-align: center;
}
.footer-logo {
height: 54px;
filter: drop-shadow(0 2px 3px rgba(0,0,0,0.25));
} .footer-right {
display: flex;
justify-content: flex-start; text-align: left;
gap: 80px; }
.footer-right ul {
list-style: none;
margin: 0;
padding: 0;
}
.footer-right li {
margin-bottom: 4px;
}
.footer-right a {
color: #fff;
text-decoration: none;
transition: color 0.3s ease;
}
.footer-right a:hover {
color: #FF9D16;
} @media (max-width: 992px) {
.footer-container {
grid-template-columns: 1fr;
text-align: center;
gap: 24px;
}
.footer-left,
.footer-right {
text-align: center;
}
.footer-right {
flex-direction: column;
align-items: center;
}
.footer-right ul {
margin-bottom: 10px;
}
} @media (max-width: 991px) {
.rating-box,
.rating-toggle {
display: none !important;
}
} .hero .booking-placeholder + .payment-icons-inline {
margin-top: 12px;
display: flex;
justify-content: center;
gap: 16px;
align-items: center;
flex-wrap: wrap;
}
.hero .payment-icons-inline img {
height: 18px;
object-fit: contain;
} .rating-toggle {
position: absolute;
top: 12px;
right: 12px;
z-index: 10;
}
.rating-toggle-icon {
width: 48px;
height: auto;
cursor: pointer;
transition: transform 0.2s ease;
}
.rating-toggle-icon:active {
transform: scale(0.95);
} .rating-popup {
position: absolute;
top: 60px;
right: 0;
background: #fff;
border: 1px solid #ddd;
border-radius: 8px;
padding: 10px 14px;
box-shadow: 0 4px 10px rgba(0,0,0,0.15);
display: none;
width: 240px;
animation: fadeIn 0.3s ease;
}
.rating-popup.active {
display: block;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(-5px); }
to { opacity: 1; transform: translateY(0); }
}
} @media (max-width: 991px) {
.top-offer,
.top-offer *,
.offer-link {
background: transparent !important;
box-shadow: none !important;
border: none !important;
}
.offer-link {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
font-size: 0.9rem;
color: #4c4c4c !important;
text-decoration: none;
}
.offer-icon {
width: 18px;
height: 18px;
animation: blink 2.5s ease-in-out infinite;
}
@keyframes blink {
0% { opacity: 1; }
50% { opacity: 0.15; }
100% { opacity: 1; }
}
} @media (max-width: 991px) { .site-header .logo img {
margin-left: 6px;
} #burger {
background: none;
border: none;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
#burger span {
display: none; } #burger::before {
content: "";
display: inline-block;
width: 28px;
height: 28px;
background: url(//park4fly.net/wp-content/themes/park4fly/assets/css/assets/svg/burger_menu_icon.svg) no-repeat center;
background-size: contain;
} #burger {
margin-right: 10px;
} .booking-placeholder {
position: relative;
z-index: 1;
margin-bottom: 0.5rem;
}
.payment-mobile {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
gap: 10px;
margin-top: 10px;
}
.payment-mobile img {
width: 38px; height: auto;
opacity: 0.9;
}
}  .top-offer-desktop {
z-index: 10;
position: absolute;
top: 10px;
left: 50%;
transform: translateX(-50%);
}
.top-offer-desktop .alert {
background-color: #FF9D16;
color: #000;
font-weight: 600;
border: none;
border-radius: 50px;
padding: 6px 16px;
font-size: 15px;
line-height: 1.4;
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
} .top-offer-desktop svg {
width: 18px;
height: 18px;
color: #000;
} .top-offer-mobile {
background-color: #FF9D16;
font-weight: 600;
font-size: 14px;
padding: 10px 0;
border-bottom: 1px solid rgba(0,0,0,0.1);
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
@media (min-width: 992px) {
.top-offer-mobile {
display: none;
}
}
@media (max-width: 991px) {
.top-offer-desktop {
display: none;
}
}  .booking-frame {
min-height: 260px; position: relative;
}
.booking-frame iframe {
width: 100%;
height: 260px; 
} @media (max-width: 991px) {
main {
margin-top: calc(var(--header-height, 26px));
}
.payment-box {
display:none!important;
}
#ps-form-frame {
min-height:230px!important;
}
.payment-icons-inline img {
height:14px;
width:auto;
margin-left:3px;
}
} @media (max-width: 768px) {
#shuttle-team .col-lg-6.text-center img {
max-width: 100% !important;
height: auto !important;
margin: 0 auto;
display: block;
}
#shuttle-team .col-lg-6.fade-up.text-center {
padding-left: 0 !important;
padding-right: 0 !important;
}
#shuttle-team .container {
padding-left: 15px;
padding-right: 15px;
}
} @media (max-width: 768px) {
.site-header .container {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap; } .site-header .logo   { order: 1; }
.site-header .burger { order: 2; }
.site-header .top-offer {
order: 3; width: 100%;
flex: 0 0 100%;
margin: 8px 0 0;
position: static !important; left: auto; right: auto; top: auto; bottom: auto;
display: flex;
justify-content: center;
background: transparent !important;
}
.top-offer .offer-link {
background: none !important;
color: #4c4c4c !important;
padding: 0;
border-radius: 0;
box-shadow: none;
font-size: 15px;
line-height: 1.3;
display: inline-flex;
align-items: center;
gap: 6px;
} .top-offer .offer-icon {
width: 20px; height: 20px;
animation: p4f-blink 2s ease-in-out infinite;
}
@keyframes p4f-blink {
0% {opacity:1} 50% {opacity:0.15} 100% {opacity:1}
}
} @media (max-width: 768px) {
.site-header {
background: transparent !important; }
.site-header .container {
background: #f5f3f3; padding-bottom: 0;
}
.top-offer {
background: #fff !important; border-top: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
padding: 6px 0;
}
.top-offer .offer-link {
color: #4c4c4c !important;
background: none !important;
}
}
.lage-text {
margin-top: 30px;
}
.lage-text p {
font-style:italic;
} .faq-section {
border-top: 1px solid #eee;
}
.faq-accordion {
max-width: 820px;
margin: 0 auto;
}
.faq-item {
border-bottom: 1px solid #ddd;
padding: 0;
}
.faq-question {
width: 100%;
text-align: left;
background: #fff;
border: none;
padding: 14px 10px;
font-size: 18px;
font-weight: 600;
color: #333;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
transition: 0.2s ease;
}
.faq-question:hover {
color: #FF9D16;
}
.faq-icon {
font-size: 26px;
color: #FF9D16;
transition: transform 0.3s ease;
}
.faq-item.active .faq-icon {
transform: rotate(45deg);
}
.faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.35s ease;
}
.faq-answer p {
padding: 10px 10px 14px 10px;
color: #555;
}
.youtube-placeholder {
position: relative;
width: 100%;
max-width: 900px;
margin: 0 auto;
cursor: pointer;
border-radius: 12px;
overflow: hidden;
background: #000;
} .youtube-placeholder::before {
content: "";
display: block;
padding-top: 56.25%; }
.youtube-placeholder iframe,
.youtube-placeholder .yt-thumb,
.youtube-placeholder .yt-play-btn {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.yt-thumb {
object-fit: cover;
width: 100%;
height: 100%;
}
.yt-play-btn {
width: 80px;
height: 80px;
background: url(//park4fly.net/wp-content/themes/park4fly/assets/img/yt_play.svg) no-repeat center center;
background-size: contain;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
pointer-events: none;
} #shuttle-highlight .shuttle-bullets li {
margin-bottom: 14px;
font-size: 1.05rem;
line-height: 1.5;
} @media (min-width: 992px) {
#shuttle-highlight .shuttle-wrapper {
display: flex;
align-items: center;
}
#shuttle-highlight .shuttle-text {
padding-right: 30px;
}
} @media (max-width: 991px) {
#shuttle-highlight .shuttle-img {
margin-bottom: 25px;
}
#shuttle-highlight .shuttle-bullets li {
text-align: center;
font-size: 1rem;
}
} #ps-form-frame {
min-height: 260px !important;
} @media (max-width: 768px) {
#ps-form-frame {
min-height: 260px !important;
}
}
.where-section .map-wrapper {
height: auto !important;
min-height: 450px !important;
}
.where-section .map-wrapper iframe {
width: 100% !important;
height: 450px !important;
display: block !important;
}
@media (max-width: 768px) {
.site-header, .header, .top-bar {
z-index: 100 !important;
}
#parkstar-frame,
.parkstar-app {
z-index: 1000 !important; }
body.page-id-25870696 #parkstar-frame {
padding-top: 12px !important; }
} .driver-bar {  font-size: 16px;
font-weight: 500;
}
.driver-bar .driver-label {
color: #555;
margin-right: 6px;
}
.driver-bar .driver-number {
color: #ff8c00;
font-weight: 700;
text-decoration: none;
}
.driver-bar .driver-number:hover {
color: #cc6f00;
} #mobileMenu {
position: fixed;
top: 0;
right: -100%;
width: 80%;
height: 100vh;
background: #fff;
box-shadow: -4px 0 16px rgba(0,0,0,0.15);
padding: 20px 25px;
transition: right .35s ease;
z-index: 9999;
}
#mobileMenu.open {
right: 0;
} .mobile-phone-box {
display: flex;
align-items: center;
gap: 10px;
background: #f5f5f5;
padding: 12px 14px;
border-radius: 8px;
margin-bottom: 20px;
}
.mobile-phone-box .phone-icon {
width: 20px;
height: 20px;
opacity: 0.8;
}
.mobile-phone-box .phone-number {
font-weight: 700;
font-size: 16px;
color: #333;
text-decoration: none;
} .mobile-nav-list li {
margin-bottom: 15px;
}
.mobile-nav-list li a {
font-size: 18px;
font-weight: 600;
color: #333;
display: block;
padding-bottom: 5px;
border-bottom: 1px solid #eee;
}
.gallery-section {
margin-top: 30px;
margin-bottom: 40px;
}
.gallery-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 15px;
}
.gallery-item img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 12px;
box-shadow: 0 4px 16px rgba(0,0,0,0.1);
transition: transform .25s ease, box-shadow .3s ease;
}
.gallery-item:hover img {
transform: scale(1.03);
box-shadow: 0 6px 24px rgba(0,0,0,0.16);
} .lightbox {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.85);
display: none;
align-items: center;
justify-content: center;
z-index: 9999;
}
.lightbox.show {
display: flex;
}
.lightbox-img {
max-width: 90vw;
max-height: 90vh;
object-fit: contain;
box-shadow: 0 15px 45px rgba(0, 0, 0, 0.5);
border-radius: 12px;
}
.lightbox-close {
position: fixed;
top: 18px;
right: 24px;
font-size: 32px;
color: #fff;
cursor: pointer;
z-index: 10000;
}
.gallery-grid img {
cursor: zoom-in;
}
.hero-title {
display: inline-flex;
align-items: center;
justify-content: center; gap: 6px;
}
@media (max-width: 768px) {
.hero-title {
font-size: calc(0.975rem + 1.5vw);
}
.lead {
font-size: 1rem;
}
}