.jetski-directory {
--jetski-accent: #0f766e;
--jetski-accent-strong: #115e59;
--jetski-accent-soft: #ccfbf1;
--jetski-surface: #ffffff;
--jetski-surface-alt: #f5f7fb;
--jetski-border: rgba(15, 23, 42, 0.06);
--jetski-text: #0f172a;
--jetski-muted: #475569;
--jetski-shadow-soft: 0 4px 20px rgba(0, 0, 0, 0.04);
--jetski-shadow-card: 0 8px 24px rgba(0, 0, 0, 0.06);
--jetski-shadow-hover: 0 12px 32px rgba(0, 0, 0, 0.08);
display: grid;
grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
gap: 32px;
align-items: start;
}
body:not(.wp-admin) #masthead,
body:not(.wp-admin) .site-header,
body:not(.wp-admin) .main-header-bar-wrap,
body:not(.wp-admin) .ast-primary-header-bar {
display: none !important;
}
body:not(.wp-admin) .site-content {
padding-top: 0 !important;
}
body.home .entry-header {
display: none;
margin: 0;
}
body.home.ast-separate-container #primary,
body.home .site-content #primary {
margin: 0;
}
body.home.ast-separate-container #primary .ast-article-single,
body.home.ast-separate-container #primary .ast-article-post,
body.home .site #primary article.page {
padding-top: 0;
padding-bottom: 0;
background: transparent;
box-shadow: none;
}
body.home .entry-content,
body.home .entry-content[ast-blocks-layout] {
margin-top: 0;
}
.jetski-directory__sidebar {
position: sticky;
top: 24px;
padding: 24px;
background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
border: 1px solid var(--jetski-border);
border-radius: 24px;
box-shadow: var(--jetski-shadow-soft);
}
.jetski-directory__search input {
width: 100%;
border: 1px solid var(--jetski-border);
border-radius: 14px;
padding: 14px 16px;
background: var(--jetski-surface-alt);
}
.jetski-directory__filter-group + .jetski-directory__filter-group {
margin-top: 24px;
}
.jetski-directory__filter-heading {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 12px;
}
.jetski-directory__filter-group h3 {
margin: 0;
font-size: 1rem;
}
.jetski-directory__chips {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.jetski-directory__chips button {
border: 1px solid var(--jetski-border);
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(248, 250, 252, 0.96) 100%);
color: var(--jetski-text);
border-radius: 999px;
padding: 10px 16px;
font-weight: 600;
box-shadow: var(--jetski-shadow-soft);
transition: all 0.25s ease;
cursor: pointer;
}
.jetski-directory__chips button:hover {
transform: translateY(-3px);
box-shadow: var(--jetski-shadow-hover);
}
.jetski-directory__chips button:active {
transform: translateY(1px) scale(0.98);
}
.jetski-directory__chips button.is-active {
background: var(--jetski-accent);
border-color: var(--jetski-accent);
color: #fff;
box-shadow: var(--jetski-shadow-hover);
}
.jetski-directory__chips button:focus-visible,
.jetski-directory__search input:focus-visible {
outline: 3px solid rgba(15, 118, 110, 0.2);
outline-offset: 2px;
}
.jetski-directory__hint {
margin: 14px 0 0;
color: var(--jetski-muted);
font-size: 0.94rem;
line-height: 1.5;
}
.jetski-directory__toolbar {
margin-bottom: 18px;
}
.jetski-directory__count {
margin: 0;
color: var(--jetski-muted);
}
.jetski-directory__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 24px;
transition: all 0.25s ease;
}
.jetski-directory.is-loading .jetski-directory__grid {
opacity: 0.45;
transform: translateY(8px);
}
.jetski-card {
display: flex;
flex-direction: column;
height: 100%;
overflow: hidden;
background: var(--jetski-surface);
border-radius: 24px;
border: 1px solid var(--jetski-border);
box-shadow: var(--jetski-shadow-card);
}
.jetski-card.sponsor-top_sponsor {
border-color: rgba(245, 158, 11, 0.28);
box-shadow: var(--jetski-shadow-card);
}
.jetski-card.sponsor-premium {
border-color: rgba(15, 118, 110, 0.25);
}
.jetski-card__media,
.jetski-card__image {
position: relative;
display: block;
aspect-ratio: 16 / 10;
overflow: hidden;
}
.jetski-card__media img {
position: relative;
z-index: 1;
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.25s ease;
}
.jetski-card:hover .jetski-card__media img {
transform: scale(1.04);
}
.jetski-card__badge {
display: none !important;
position: absolute;
top: 12px;
left: 12px;
z-index: 3;
align-items: center;
padding: 8px 12px;
border-radius: 999px;
border: 1px solid rgba(255, 255, 255, 0.18);
color: #fff;
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
backdrop-filter: blur(8px);
box-shadow: var(--jetski-shadow-soft);
}
.jetski-card__badge.sponsor-standard {
background: linear-gradient(135deg, #4b5563 0%, #9ca3af 100%);
}
.jetski-card__badge.sponsor-premium {
background: linear-gradient(135deg, #0f766e 0%, #14b8a6 100%);
}
.jetski-card__badge.sponsor-top {
background: linear-gradient(135deg, #b45309 0%, #f59e0b 55%, #fcd34d 100%);
color: #1f2937;
box-shadow: var(--jetski-shadow-soft);
}
.jetski-badge {
display: none !important;
width: auto;
}
.jetski-badge .elementor-widget-container {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 36px;
padding: 8px 14px;
border: 1px solid rgba(255, 255, 255, 0.16);
border-radius: 999px;
color: #fff;
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.08em;
line-height: 1;
text-transform: uppercase;
backdrop-filter: blur(8px);
box-shadow: var(--jetski-shadow-soft);
}
.jetski-badge .elementor-widget-container > * {
margin: 0;
}
.jetski-badge--standard .elementor-widget-container {
background: linear-gradient(135deg, #4b5563 0%, #9ca3af 100%);
}
.jetski-badge--premium .elementor-widget-container {
background: linear-gradient(135deg, #0f766e 0%, #14b8a6 100%);
}
.jetski-badge--top .elementor-widget-container {
background: linear-gradient(135deg, #b45309 0%, #f59e0b 55%, #fcd34d 100%);
color: #1f2937;
box-shadow: var(--jetski-shadow-soft);
}
.jetski-card__body {
display: flex;
flex: 1;
flex-direction: column;
padding: 20px;
}
.jetski-card__title {
margin: 0 0 8px;
font-size: 1.1rem;
line-height: 1.3;
}
.jetski-card__title a {
color: var(--jetski-text);
text-decoration: none;
}
.jetski-card__meta {
margin: 0 0 12px;
color: var(--jetski-muted);
}
.jetski-card__distance {
margin: -2px 0 10px;
color: var(--jetski-accent-strong);
font-size: 0.9rem;
font-weight: 700;
}
.jetski-card__price {
margin: 0;
color: var(--jetski-accent-strong);
font-weight: 700;
}
.jetski-directory__empty {
grid-column: 1 / -1;
padding: 40px 24px;
text-align: center;
border: 1px dashed var(--jetski-border);
border-radius: 24px;
background: var(--jetski-surface-alt);
}
.jetski-marketplace,
.jetski-base-page {
--jetski-page-max: 1180px;
--jetski-ocean-900: #082f49;
--jetski-ocean-700: #0f5f7a;
--jetski-turquoise-500: #12b8c8;
--jetski-turquoise-400: #35d4d7;
--jetski-gold-500: #f6b73c;
--jetski-gold-300: #ffe7a8;
display: grid;
gap: 48px;
width: min(calc(100% - 24px), var(--jetski-page-max));
margin: 0 auto;
padding: 10px 0 88px;
}
.jetski-marketplace {
position: relative;
}
.jetski-marketplace::before {
content: "";
position: absolute;
inset: -120px 0 auto;
height: 720px;
background:
radial-gradient(circle at top left, rgba(83, 223, 231, 0.24), transparent 28%),
radial-gradient(circle at top right, rgba(15, 118, 110, 0.18), transparent 24%);
pointer-events: none;
}
.jetski-home-hero,
.jetski-base-hero,
.jetski-final-cta,
.jetski-base-booking {
position: relative;
overflow: hidden;
border: 1px solid var(--jetski-border);
border-radius: 28px;
background:
radial-gradient(circle at top right, rgba(20, 184, 166, 0.22), transparent 28%),
linear-gradient(180deg, #ffffff 0%, #f3fbfb 100%);
box-shadow: var(--jetski-shadow-soft);
}
.jetski-home-hero {
display: grid;
gap: 30px;
padding: 38px 24px 128px;
min-height: min(88svh, 820px);
align-items: end;
isolation: isolate;
background:
linear-gradient(180deg, rgba(4, 17, 30, 0.16), rgba(4, 17, 30, 0.74)),
linear-gradient(135deg, rgba(8, 47, 73, 0.74), rgba(18, 184, 200, 0.18)),
var(--jetski-hero-image, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 900'%3E%3Crect width='1200' height='900' fill='%23084c61'/%3E%3Cpath d='M0 620C140 560 276 552 396 592C498 626 598 676 720 670C844 664 954 592 1064 572C1108 564 1152 564 1200 572V900H0Z' fill='%2315c7c3' fill-opacity='0.52'/%3E%3Cpath d='M0 706C134 744 280 762 420 734C554 708 664 638 792 622C922 608 1050 638 1200 704V900H0Z' fill='%230fb4b0' fill-opacity='0.52'/%3E%3Ccircle cx='980' cy='144' r='78' fill='%23ffffff' fill-opacity='0.18'/%3E%3Cpath d='M680 430c46-22 86 16 122 58 38 44 76 70 150 82-54 34-110 44-170 26-44-14-82-48-120-90-18-20-34-38-52-52 24-10 48-16 70-24Z' fill='%23ffffff' fill-opacity='0.18'/%3E%3C/svg%3E")) center/cover no-repeat;
box-shadow: var(--jetski-shadow-soft);
}
.jetski-home-hero__backdrop {
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(10, 25, 40, 0.2) 0%, rgba(10, 25, 40, 0.4) 100%);
z-index: 0;
}
.jetski-home-hero__content h1,
.jetski-base-hero__content h1,
.jetski-final-cta h2,
.jetski-base-booking h2 {
margin: 0 0 14px;
font-size: clamp(2rem, 4vw, 4rem);
line-height: 0.94;
letter-spacing: -0.05em;
text-wrap: balance;
}
.jetski-home-hero__content p,
.jetski-final-cta p,
.jetski-base-hero__meta {
margin: 0;
color: var(--jetski-muted);
font-size: 1rem;
line-height: 1.6;
}
.jetski-home-hero__content,
.jetski-home-hero__media {
position: relative;
z-index: 1;
}
.jetski-home-hero__content h1,
.jetski-home-hero__content p,
.jetski-home-hero__eyebrow {
color: #fff;
}
.jetski-home-hero__content p {
max-width: 42rem;
color: rgba(255, 255, 255, 0.92);
font-size: 1.06rem;
}
.jetski-home-hero__stats {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
margin-top: 28px;
}
.jetski-home-hero__stat,
.jetski-home-hero__spotlight {
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 22px;
background: rgba(255, 255, 255, 0.12);
backdrop-filter: blur(16px);
box-shadow: var(--jetski-shadow-soft);
}
.jetski-home-hero__stat {
display: grid;
gap: 6px;
padding: 18px;
}
.jetski-home-hero__stat strong {
color: #fff;
font-size: 1.2rem;
line-height: 1;
}
.jetski-home-hero__stat span {
color: rgba(255, 255, 255, 0.78);
font-size: 0.78rem;
text-transform: uppercase;
letter-spacing: 0.08em;
}
.jetski-home-hero__eyebrow,
.jetski-section-heading__eyebrow,
.jetski-section-eyebrow {
display: inline-flex;
margin-bottom: 12px;
font-size: 12px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
color: rgba(0, 0, 0, 0.5);
}
.jetski-home-hero__eyebrow {
color: rgba(255, 255, 255, 0.82);
opacity: 0.85;
}
.jetski-home-hero__actions,
.jetski-base-hero__actions {
display: flex;
flex-wrap: wrap;
gap: 14px;
margin-top: 24px;
}
.jetski-home-hero__media {
display: grid;
align-items: end;
min-height: 240px;
padding: 8px;
border-radius: 24px;
background: transparent;
}
.jetski-home-hero__spotlight {
display: grid;
gap: 10px;
width: min(320px, 100%);
margin-left: auto;
padding: 24px;
}
.jetski-home-hero__spotlight-label {
color: rgba(255, 255, 255, 0.78);
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.jetski-home-hero__spotlight strong {
color: #fff;
font-size: 1.4rem;
line-height: 1.1;
}
.jetski-home-hero__spotlight p {
margin: 0;
color: rgba(255, 255, 255, 0.82);
}
.jetski-home-hero__spotlight-price {
display: inline-flex;
width: fit-content;
padding: 10px 14px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.18);
color: #fff;
font-weight: 700;
}
.jetski-search-shell,
.jetski-search-section {
position: sticky;
top: 20px;
z-index: 100;
margin-top: 0;
padding: 16px 20px;
width: 100%;
max-width: none;
overflow: visible;
border-radius: 0;
background: transparent;
backdrop-filter: none;
box-shadow: none;
}
.jetski-search-shell.scrolled,
.jetski-search-section.scrolled,
.jetski-search-shell.is-compact,
.jetski-search-section.is-compact {
padding: 16px 20px;
border-radius: 0;
backdrop-filter: none;
box-shadow: none;
}
.jetski-home-hero {
width: 100%;
margin-top: 30px;
}
.jetski-search-bar {
display: grid;
gap: 12px;
padding: 20px 24px;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 20px;
background: #ffffff;
background-color: #ffffff !important;
backdrop-filter: none;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
}
.jetski-search-bar.is-sticky {
position: sticky;
top: 20px;
z-index: 100;
padding: 16px 20px;
border-radius: 16px;
background: #ffffff;
background-color: #ffffff !important;
backdrop-filter: none;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
}
.jetski-search-title {
margin: 0;
color: var(--jetski-accent-strong);
font-size: 0.84rem;
font-weight: 700;
letter-spacing: 0.12em;
line-height: 1;
text-transform: uppercase;
}
.jetski-search-form {
display: flex;
align-items: center;
gap: 12px;
width: 100%;
flex-wrap: wrap;
}
.jetski-search-bar__group {
display: grid;
gap: 8px;
}
.jetski-search-bar__group label {
color: var(--jetski-muted);
font-size: 0.86rem;
font-weight: 600;
}
.jetski-search-bar__group input {
width: 100%;
min-height: 60px;
border: 1px solid rgba(15, 23, 42, 0.08);
border-radius: 20px;
padding: 0 18px;
background: #f4f7fb;
color: var(--jetski-text);
font-size: 1rem;
}
.jetski-search-form .jetski-search-bar__group--search {
flex: 1 1 320px;
}
.jetski-search-form .jetski-search-bar__group--submit,
.jetski-search-form .jetski-search-bar__group--geo {
flex: 0 0 auto;
}
.jetski-search-form input {
flex: 1;
}
.jetski-search-form button {
white-space: nowrap;
}
.jetski-search-bar__group--submit .jetski-button,
.jetski-search-bar__group--geo .jetski-button {
width: 100%;
}
.jetski-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 52px;
padding: 0 20px;
border: 1px solid transparent;
border-radius: 999px;
font-weight: 700;
text-decoration: none;
transition: all 0.25s ease;
}
.jetski-button:hover {
transform: translateY(-3px);
box-shadow: var(--jetski-shadow-hover);
}
.jetski-button--primary {
background: linear-gradient(135deg, #15908d 0%, #2bb3b1 58%, #5ad6cf 100%);
color: #fff;
box-shadow: var(--jetski-shadow-soft);
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.12);
}
.jetski-button--ghost {
border-color: rgba(15, 23, 42, 0.1);
background: rgba(255, 255, 255, 0.96);
color: var(--jetski-text);
box-shadow: var(--jetski-shadow-soft);
}
.jetski-button--ghost-light {
border-color: rgba(255, 255, 255, 0.2);
background: rgba(255, 255, 255, 0.12);
color: #fff;
box-shadow: var(--jetski-shadow-soft);
backdrop-filter: blur(12px);
}
.jetski-button--soft {
background: linear-gradient(180deg, #f7fafc 0%, #edf4f7 100%);
color: var(--jetski-text);
box-shadow: var(--jetski-shadow-soft);
}
.jetski-home-section {
display: grid;
gap: 20px;
}
.jetski-section-heading {
display: flex;
align-items: end;
justify-content: space-between;
gap: 12px;
}
.jetski-section-heading h2 {
margin: 0;
font-size: clamp(1.5rem, 3vw, 2.3rem);
line-height: 1.05;
letter-spacing: -0.04em;
}
.jetski-section-heading__text {
max-width: 40rem;
margin: 10px 0 0;
color: var(--jetski-muted);
line-height: 1.65;
}
.jetski-top-slider {
display: grid;
grid-auto-flow: column;
grid-auto-columns: minmax(292px, 88%);
gap: 20px;
overflow-x: auto;
padding: 6px 6px 12px;
scroll-snap-type: x proximity;
}
.jetski-top-slider__item {
scroll-snap-align: start;
}
.jetski-bases-grid {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
.jetski-region-pills {
display: flex;
gap: 12px;
overflow-x: auto;
padding: 4px 2px 8px;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
.jetski-region-pills::-webkit-scrollbar,
.jetski-top-slider::-webkit-scrollbar {
display: none;
}
.jetski-filter__pill {
appearance: none;
border: 1px solid rgba(15, 23, 42, 0.08);
border-radius: 999px;
background: #fff;
color: #1f2937;
padding: 12px 18px;
min-height: 46px;
white-space: nowrap;
font-weight: 700;
line-height: 1;
box-shadow: var(--jetski-shadow-soft);
transition: all 0.25s ease;
}
.jetski-filter__pill:hover {
transform: translateY(-3px);
box-shadow: var(--jetski-shadow-hover);
}
.jetski-filter__pill:active {
transform: scale(0.98);
}
.jetski-filter__pill.is-active {
background: linear-gradient(135deg, #0f7ea3 0%, #12b8c8 56%, #67e1e5 100%);
color: #fff;
border-color: transparent;
box-shadow: var(--jetski-shadow-hover);
transform: translateY(-3px);
}
.jetski-filter__pill.is-active:hover {
transform: translateY(-3px);
}
.jetski-marketplace-grid {
display: grid;
gap: 24px;
}
.jetski-marketplace-results {
margin: 0;
color: var(--jetski-muted);
font-weight: 600;
}
.jetski-market-card {
border-radius: 16px;
min-height: 420px;
border-color: rgba(15, 23, 42, 0.08);
box-shadow: var(--jetski-shadow-card);
transition: all 0.25s ease;
}
.jetski-market-card:hover {
transform: translateY(-3px);
box-shadow: var(--jetski-shadow-hover);
}
.jetski-market-card__cta {
margin-top: 18px;
width: 100%;
min-width: 190px;
}
.jetski-market-card .jetski-card__media {
aspect-ratio: 4 / 3;
}
.jetski-market-card .jetski-card__body {
gap: 8px;
padding: 22px;
}
.jetski-card__media::after {
content: "";
position: absolute;
inset: auto 0 0;
height: 42%;
background: linear-gradient(180deg, rgba(8, 47, 73, 0) 0%, rgba(8, 47, 73, 0.68) 100%);
pointer-events: none;
}
.jetski-card__media-price {
position: absolute;
right: 14px;
bottom: 14px;
z-index: 2;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 38px;
padding: 8px 12px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.96);
color: var(--jetski-text);
font-size: 0.84rem;
font-weight: 800;
box-shadow: var(--jetski-shadow-card);
}
.jetski-card__body-top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
margin-bottom: 10px;
}
.jetski-card__kicker,
.jetski-card__region {
margin: 0;
font-size: 0.74rem;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.jetski-card__kicker {
color: #64748b;
}
.jetski-card__region {
padding: 7px 10px;
border-radius: 999px;
background: #eef7fb;
color: var(--jetski-ocean-700);
}
.jetski-market-card .jetski-card__title {
margin: 0;
font-size: 1.18rem;
line-height: 1.2;
}
.jetski-market-card .jetski-card__meta {
margin: 0;
color: #475569;
}
.jetski-market-card .jetski-card__price {
display: grid;
gap: 4px;
margin: 0;
color: #0f766e;
font-size: 1.08rem;
font-weight: 800;
}
.jetski-market-card .jetski-card__price span {
color: #64748b;
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.jetski-market-card .jetski-card__badge.sponsor-top {
transform: scale(1.04);
border-color: rgba(255, 249, 196, 0.52);
box-shadow: var(--jetski-shadow-soft);
}
.jetski-market-card .jetski-card__badge.sponsor-premium {
box-shadow: var(--jetski-shadow-soft);
}
.jetski-market-card .jetski-card__distance {
margin: 0;
}
.jetski-card__cta,
.jetski-market-card__cta {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin-top: auto;
text-align: center;
}
.jetski-trust-section {
display: grid;
gap: 18px;
}
.jetski-trust-card {
display: grid;
gap: 10px;
padding: 24px;
border: 1px solid var(--jetski-border);
border-radius: 24px;
background: linear-gradient(180deg, #fff 0%, #fdfefe 100%);
box-shadow: var(--jetski-shadow-soft);
}
.jetski-trust-card__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 14px;
background: linear-gradient(135deg, rgba(43, 179, 163, 0.14), rgba(109, 213, 237, 0.18));
color: var(--jetski-ocean-700);
font-size: 1.1rem;
}
.jetski-trust-card strong {
display: block;
margin-bottom: 8px;
font-size: 1.02rem;
}
.jetski-trust-card p {
margin: 0;
color: var(--jetski-muted);
line-height: 1.6;
}
.jetski-final-cta,
.jetski-base-booking {
display: flex;
flex-direction: column;
gap: 20px;
padding: 32px 22px;
}
.jetski-final-cta {
background:
linear-gradient(180deg, rgba(15, 23, 42, 0.18), rgba(15, 23, 42, 0.58)),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 600'%3E%3Crect width='1200' height='600' fill='%230c4a6e'/%3E%3Cpath d='M0 410C170 340 326 332 482 374C614 410 712 474 860 480C982 486 1088 454 1200 404V600H0Z' fill='%2314b8a6' fill-opacity='0.54'/%3E%3Cpath d='M0 470C128 504 266 530 420 510C594 486 748 406 914 392C1018 384 1108 404 1200 446V600H0Z' fill='%232bb3b1' fill-opacity='0.44'/%3E%3C/svg%3E") center/cover no-repeat;
}
.jetski-final-cta h2,
.jetski-final-cta .jetski-section-heading__eyebrow,
.jetski-final-cta p {
color: #fff;
}
.jetski-final-cta h2 {
text-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}
.jetski-map-section {
margin-top: 8px;
}
#jetski-map {
height: 400px;
border-radius: 20px;
overflow: hidden;
box-shadow: var(--jetski-shadow-soft);
}
.jetski-final-cta .jetski-button--primary {
min-width: min(100%, 280px);
}
.jetski-base-page {
display: grid;
gap: 22px;
padding-bottom: 104px;
}
.jetski-single-template {
padding: 18px 12px 32px;
background: linear-gradient(180deg, #f8fbfc 0%, #ffffff 100%);
}
.jetski-single-template__inner {
width: min(100%, 1120px);
margin: 0 auto;
}
.jetski-base-hero {
position: relative;
overflow: hidden;
min-height: 420px;
border-radius: 32px;
background: #0f172a;
box-shadow: var(--jetski-shadow-soft);
}
.jetski-base-hero__media {
position: relative;
min-height: 420px;
}
.jetski-back-button {
position: absolute;
top: 16px;
left: 16px;
z-index: 10;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
padding: 8px 12px;
border-radius: 999px;
background: rgba(0, 0, 0, 0.4);
color: #fff;
font-size: 14px;
font-weight: 700;
text-decoration: none;
backdrop-filter: blur(6px);
transition: all 0.25s ease;
}
.jetski-back-button:hover {
transform: translateY(-3px);
box-shadow: var(--jetski-shadow-hover);
}
.jetski-region-page .jetski-back-button {
left: 16px;
right: auto;
}
.jetski-base-hero__media img,
.jetski-base-hero__overlay {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
.jetski-base-hero__media img {
object-fit: cover;
}
.jetski-base-hero__overlay {
background: none !important;
}
.jetski-base-hero__panel {
position: absolute;
inset: auto 0 0 0;
z-index: 2;
display: grid;
gap: 18px;
padding: 20px 20px 22px;
}
.jetski-base-hero__media .jetski-card__badge {
position: relative;
top: auto;
left: auto;
width: fit-content;
}
.jetski-base-hero__headline {
display: grid;
gap: 10px;
color: #fff;
}
.jetski-base-hero__urgency {
display: none !important;
}
.jetski-base-hero__headline .jetski-section-heading__eyebrow,
.jetski-base-hero__meta {
color: rgba(255, 255, 255, 0.82);
}
.jetski-base-hero__headline h1 {
margin: 0;
color: #fff;
font-size: clamp(2rem, 8vw, 3.6rem);
line-height: 0.95;
letter-spacing: -0.05em;
text-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}
.jetski-base-hero__meta,
.jetski-base-summary__facts,
.jetski-base-review-card p,
.jetski-base-tarif-card p,
.jetski-base-copy,
.jetski-base-tabs__panel p {
line-height: 1.7;
}
.jetski-base-hero__price {
display: none !important;
margin: 0;
color: #fff;
font-size: 1.16rem;
font-weight: 800;
}
.jetski-base-summary {
display: grid;
gap: 18px;
padding: 24px 20px;
border: 1px solid rgba(15, 23, 42, 0.08);
border-radius: 28px;
background:
radial-gradient(circle at top right, rgba(43, 179, 177, 0.12), transparent 26%),
linear-gradient(180deg, #ffffff 0%, #f8fbfc 100%);
box-shadow: var(--jetski-shadow-soft);
}
.jetski-base-summary__content,
.jetski-base-summary__header {
display: grid;
gap: 16px;
}
.jetski-base-summary__kicker {
margin: 0 0 8px;
color: var(--jetski-accent-strong);
font-size: 0.76rem;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.jetski-base-summary__header h2,
.jetski-base-section-heading h3,
.jetski-base-booking h2 {
margin: 0;
}
.jetski-base-summary__price-card {
display: grid;
gap: 6px;
padding: 16px 18px;
border-radius: 22px;
background: #fff;
border: 1px solid rgba(15, 23, 42, 0.08);
box-shadow: var(--jetski-shadow-soft);
}
.jetski-base-summary__price-label {
color: var(--jetski-muted);
font-size: 0.76rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.jetski-base-summary__price-card strong {
color: var(--jetski-accent-strong);
font-size: 1.08rem;
}
.jetski-base-summary__facts {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.jetski-base-summary__facts span,
.jetski-base-summary__facts a {
display: inline-flex;
align-items: center;
min-height: 42px;
padding: 10px 14px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.88);
border: 1px solid rgba(15, 23, 42, 0.08);
color: var(--jetski-text);
font-weight: 600;
box-shadow: var(--jetski-shadow-soft);
}
.jetski-social-buttons {
display: inline-flex;
align-items: center;
gap: 8px;
flex-shrink: 0;
}
.jetski-social-buttons a {
all: unset;
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 999px;
background: rgba(255,255,255,0.88);
border: 1px solid rgba(15,23,42,0.08);
cursor: pointer;
flex-shrink: 0;
}
.jetski-social-buttons a svg {
width: 18px;
height: 18px;
fill: currentColor;
}
.jetski-badge.jetski-social.instagram svg {
color: #e1306c;
}
.jetski-badge.jetski-social.facebook svg {
color: #1877f2;
}
.jetski-base-summary__actions {
display: grid;
gap: 12px;
}
.jetski-base-contact-buttons,
.jetski-base-booking__actions,
.jetski-base-sticky-cta__actions {
display: grid;
gap: 10px;
}
.jetski-base-contact-buttons .jetski-button,
.jetski-base-booking__actions .jetski-button,
.jetski-base-sticky-cta__actions .jetski-button,
.jetski-base-summary__actions > .jetski-button {
min-height: 54px;
}
.jetski-base-tabs {
display: grid;
gap: 20px;
padding: 22px 20px;
border: 0;
border-radius: 28px;
background: transparent;
box-shadow: none;
}
.jetski-base-tabs__nav {
display: flex;
justify-content: center;
width: 100%;
gap: 10px;
overflow-x: auto;
padding-bottom: 2px;
scrollbar-width: none;
}
.jetski-base-tabs__nav::-webkit-scrollbar,
.jetski-base-related-slider::-webkit-scrollbar {
display: none;
}
.jetski-base-tabs__nav button {
flex: 1;
display: inline-flex;
align-items: center;
justify-content: center;
appearance: none;
border: 1px solid rgba(15, 23, 42, 0.08);
border-radius: 999px;
background: #f5f7f8;
padding: 12px 16px;
white-space: nowrap;
font-weight: 700;
color: var(--jetski-text);
transition: all 0.25s ease;
text-align: center;
outline: none;
box-shadow: none;
-webkit-tap-highlight-color: transparent;
}
.jetski-base-tabs__nav button.is-active {
background: linear-gradient(135deg, #3ec6d3, #2bb8c4);
border-color: transparent;
color: #fff;
transform: none;
box-shadow: none;
}
.jetski-base-tabs__nav button:focus,
.jetski-base-tabs__nav button:active {
outline: none;
box-shadow: none;
}
.jetski-base-tabs__nav button:focus-visible {
outline: 2px solid #3ec6d3;
outline-offset: 2px;
}
.jetski-single-template .jetski-container,
.jetski-single-template .elementor-section {
background: transparent !important;
box-shadow: none !important;
}
.jetski-single-template .jetski-tabs,
.jetski-single-template .elementor-tabs-wrapper {
display: flex;
justify-content: center;
width: 100%;
gap: 12px;
}
.jetski-single-template .elementor-tab-title {
flex: 1;
display: inline-flex;
align-items: center;
justify-content: center;
appearance: none;
border-radius: 999px;
padding: 12px 16px;
background: #f5f7f8;
text-align: center;
transition: all 0.25s ease;
outline: none;
box-shadow: none;
-webkit-tap-highlight-color: transparent;
}
.jetski-single-template .elementor-tab-title.elementor-active {
background: linear-gradient(135deg, #3ec6d3, #2bb8c4);
color: #fff;
}
.jetski-single-template .elementor-tab-title:focus,
.jetski-single-template .elementor-tab-title:active {
outline: none;
box-shadow: none;
}
.jetski-single-template .elementor-tab-title:focus-visible {
outline: 2px solid #3ec6d3;
outline-offset: 2px;
}
.jetski-base-tabs__panel {
display: none;
}
.jetski-base-tabs__panel.is-active {
display: grid;
gap: 22px;
}
.jetski-base-copy,
.jetski-base-tabs__panel p {
color: var(--jetski-muted);
}
.jetski-base-copy h3,
.jetski-base-review-card strong {
margin: 0 0 10px;
color: var(--jetski-text);
}
.jetski-base-copy > * + * {
margin-top: 14px;
}
.jetski-base-copy--rich h2,
.jetski-base-copy--rich h3 {
margin: 0 0 10px;
color: var(--jetski-text);
}
.jetski-base-copy--rich ul,
.jetski-base-copy--rich ol,
.jetski-seo-list {
margin: 0;
padding-left: 20px;
}
.jetski-seo-list li,
.jetski-base-copy--rich li {
margin-bottom: 8px;
color: var(--jetski-muted);
}
.jetski-seo-spot-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
.jetski-seo-spot {
padding: 16px 18px;
border: 1px solid rgba(15, 23, 42, 0.08);
border-radius: 18px;
background: var(--jetski-surface-alt);
}
.jetski-seo-spot h3 {
margin: 0 0 8px;
}
.jetski-seo-spot p {
margin: 0;
}
.jetski-base-section-heading {
display: grid;
gap: 6px;
}
.jetski-base-services,
.jetski-base-review-card,
.jetski-base-tarif-card {
padding: 20px;
border-radius: 24px;
background: linear-gradient(180deg, #ffffff 0%, #f8fbfc 100%);
border: 1px solid rgba(15, 23, 42, 0.08);
box-shadow: var(--jetski-shadow-soft);
}
.jetski-base-services h3 {
display: none !important;
}
.jetski-base-services__grid {
display: grid;
gap: 12px;
padding: 0;
margin: 0;
list-style: none;
}
.jetski-base-services__grid li,
.jetski-prestation {
padding: 15px 16px;
border: 1px solid rgba(15, 23, 42, 0.08);
border-radius: 18px;
background: var(--jetski-surface-alt);
color: var(--jetski-text);
font-weight: 600;
}
.jetski-base-informations {
font-size: 16px;
line-height: 1.6;
color: #333;
}
.jetski-base-informations p {
margin: 0;
}
.jetski-base-review-card strong {
display: block;
}
.jetski-base-review-card__proof {
display: inline-flex;
width: fit-content;
margin-bottom: 10px;
padding: 8px 12px;
border-radius: 999px;
background: rgba(43, 179, 177, 0.12);
color: var(--jetski-accent-strong);
font-size: 0.84rem;
font-weight: 700;
}
.jetski-base-review-card p,
.jetski-base-tarif-card p {
margin: 0;
color: var(--jetski-muted);
}
.jetski-tarifs-content {
font-size: 16px;
line-height: 1.6;
color: #2c3e50;
}
.jetski-tarifs-content > * + * {
margin-top: 12px;
}
.jetski-tarifs-content ul,
.jetski-tarifs-content ol {
margin: 0;
padding-left: 20px;
}
.jetski-tarifs-content li {
margin-bottom: 6px;
}
.jetski-google-reviews {
display: grid;
gap: 12px;
position: relative;
max-height: 400px;
overflow-y: auto;
padding-right: 6px;
scrollbar-width: thin;
scrollbar-color: rgba(15, 23, 42, 0.22) transparent;
-webkit-overflow-scrolling: touch;
}
.jetski-google-reviews::-webkit-scrollbar {
width: 6px;
}
.jetski-google-reviews::-webkit-scrollbar-track {
background: transparent;
}
.jetski-google-reviews::-webkit-scrollbar-thumb {
background: rgba(15, 23, 42, 0.2);
border-radius: 10px;
}
.jetski-google-reviews::-webkit-scrollbar-thumb:hover {
background: rgba(15, 23, 42, 0.35);
}
.jetski-google-reviews::after {
content: "";
position: sticky;
bottom: 0;
display: block;
width: 100%;
height: 22px;
margin-top: -22px;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--jetski-surface));
pointer-events: none;
}
.jetski-google-review {
padding: 16px;
border: 1px solid rgba(15, 23, 42, 0.08);
border-radius: 18px;
background: var(--jetski-surface-alt);
transition: all 0.25s ease;
}
.jetski-google-review__meta {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
margin-bottom: 8px;
}
.jetski-google-review__meta strong {
margin: 0;
}
.jetski-google-review__meta span {
color: var(--jetski-muted);
font-size: 0.92rem;
white-space: nowrap;
}
.jetski-google-review p {
margin: 0;
color: var(--jetski-muted);
}
.jetski-base-booking {
position: relative;
overflow: hidden;
padding: 28px 22px;
border-radius: 28px;
background:
radial-gradient(circle at top right, rgba(43, 179, 177, 0.2), transparent 30%),
linear-gradient(180deg, #f8fdfe 0%, #ecfeff 100%);
border: 1px solid rgba(43, 179, 177, 0.16);
box-shadow: var(--jetski-shadow-soft);
}
.jetski-base-booking p {
margin: 8px 0 0;
color: var(--jetski-muted);
line-height: 1.7;
}
.jetski-base-related-slider {
display: grid;
grid-auto-flow: column;
grid-auto-columns: minmax(248px, 82vw);
gap: 16px;
overflow-x: auto;
padding-bottom: 4px;
scrollbar-width: none;
}
.jetski-base-related-slider__item .jetski-market-card {
height: 100%;
}
.jetski-base-sticky-cta {
position: fixed;
left: 12px;
right: 12px;
bottom: 12px;
z-index: 40;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 12px;
align-items: center;
padding: 14px;
border-radius: 24px;
background: rgba(255, 255, 255, 0.96);
backdrop-filter: blur(12px);
border: 1px solid rgba(15, 23, 42, 0.08);
box-shadow: var(--jetski-shadow-soft);
}
.jetski-base-sticky-cta__meta {
display: grid;
gap: 4px;
min-width: 0;
}
.jetski-base-sticky-cta__meta strong,
.jetski-base-sticky-cta__meta span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.jetski-base-sticky-cta__meta strong {
color: var(--jetski-accent-strong);
}
.jetski-base-sticky-cta__meta span {
color: var(--jetski-muted);
font-size: 0.92rem;
}
.jetski-base-sticky-cta .jetski-button {
min-height: 56px;
}
.jetski-base-sticky-cta__actions {
grid-template-columns: auto minmax(132px, 1fr);
align-items: center;
}
.jetski-base-sticky-cta__actions .jetski-button--soft {
min-width: 56px;
padding-inline: 0;
}
.jetski-base-sticky-cta__actions .jetski-button--primary {
min-width: 132px;
box-shadow: var(--jetski-shadow-soft);
}
.jetski-sponsor-plans {
display: grid;
gap: 18px;
}
.jetski-sponsor-plans__intro {
display: grid;
gap: 10px;
padding: 4px 2px 2px;
}
.jetski-sponsor-plans__intro h2,
.jetski-sponsor-plans__intro p {
margin: 0;
}
.jetski-sponsor-plans__intro h2 {
font-size: clamp(1.55rem, 3vw, 2.4rem);
line-height: 1.02;
letter-spacing: -0.04em;
}
.jetski-sponsor-plans__intro p {
color: var(--jetski-muted);
line-height: 1.7;
}
.jetski-sponsor-feedback {
display: grid;
gap: 6px;
padding: 18px;
border-radius: 20px;
border: 1px solid transparent;
}
.jetski-sponsor-feedback strong,
.jetski-sponsor-feedback p {
margin: 0;
}
.jetski-sponsor-feedback--success {
background: linear-gradient(180deg, #ecfdf5 0%, #d1fae5 100%);
border-color: rgba(16, 185, 129, 0.18);
color: #065f46;
}
.jetski-sponsor-feedback--cancel {
background: linear-gradient(180deg, #fff7ed 0%, #ffedd5 100%);
border-color: rgba(249, 115, 22, 0.18);
color: #9a3412;
}
.jetski-sponsor-plan {
display: grid;
gap: 14px;
position: relative;
padding: 24px;
border: 1px solid rgba(15, 23, 42, 0.08);
border-radius: 28px;
background: linear-gradient(180deg, #ffffff 0%, #f8fbfc 100%);
box-shadow: var(--jetski-shadow-soft);
}
.jetski-sponsor-plan.is-highlighted {
border-color: rgba(247, 181, 0, 0.4);
background:
radial-gradient(circle at top right, rgba(247, 181, 0, 0.16), transparent 34%),
linear-gradient(180deg, #fffdf6 0%, #fff8e6 100%);
box-shadow: var(--jetski-shadow-soft);
}
.jetski-sponsor-plan h3,
.jetski-sponsor-plan p {
margin: 0;
}
.jetski-sponsor-plan__tier {
display: inline-flex;
width: fit-content;
padding: 7px 11px;
border-radius: 999px;
background: var(--jetski-accent-soft);
color: var(--jetski-accent-strong);
font-size: 0.74rem;
font-weight: 800;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.jetski-sponsor-plan__recommended {
position: absolute;
top: 18px;
right: 18px;
display: inline-flex;
padding: 8px 12px;
border-radius: 999px;
background: linear-gradient(135deg, #b45309 0%, #f7b500 100%);
color: #1f2937;
font-size: 0.74rem;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
box-shadow: var(--jetski-shadow-soft);
}
.jetski-sponsor-plan__tagline {
color: var(--jetski-text);
font-size: 1rem;
font-weight: 700;
line-height: 1.45;
}
.jetski-sponsor-plan__price {
color: var(--jetski-accent-strong);
font-size: clamp(1.7rem, 4vw, 2.4rem);
font-weight: 800;
line-height: 1;
letter-spacing: -0.04em;
}
.jetski-sponsor-plan__billing {
color: var(--jetski-muted);
font-size: 0.96rem;
}
.jetski-sponsor-plan__features {
display: grid;
gap: 10px;
margin: 0;
padding: 0;
list-style: none;
}
.jetski-sponsor-plan__features li {
position: relative;
padding-left: 24px;
color: var(--jetski-muted);
line-height: 1.6;
}
.jetski-sponsor-plan__features li::before {
content: "";
position: absolute;
top: 0.5em;
left: 0;
width: 10px;
height: 10px;
border-radius: 999px;
background: linear-gradient(135deg, #14b8a6 0%, #2bb3b1 100%);
box-shadow: none;
}
.jetski-sponsor-plan.is-highlighted .jetski-sponsor-plan__features li::before {
background: linear-gradient(135deg, #f59e0b 0%, #f7b500 100%);
box-shadow: none;
}
.jetski-sponsor-plan__button {
width: 100%;
min-height: 56px;
font-size: 1rem;
margin-top: 4px;
}
@media (max-width: 920px) {
.jetski-directory {
grid-template-columns: 1fr;
}
.jetski-directory__sidebar {
position: static;
}
}
@media (max-width: 640px) {
.jetski-directory__filter-heading {
align-items: flex-start;
flex-direction: column;
}
.jetski-marketplace,
.jetski-base-page {
width: min(calc(100% - 16px), var(--jetski-page-max));
gap: 30px;
padding-top: 6px;
}
.jetski-home-hero {
min-height: 78svh;
padding: 26px 18px 108px;
background-position: center center;
}
.jetski-home-hero__stats {
grid-template-columns: 1fr;
}
.jetski-home-hero__spotlight {
width: 100%;
}
.jetski-search-shell {
top: 0;
padding-top: 0;
padding-bottom: 0;
border-radius: 0;
}
.jetski-search-bar {
border-radius: 24px;
padding: 16px;
}
.jetski-search-bar__intro h2 {
font-size: 1.18rem;
}
.jetski-section-heading {
align-items: start;
flex-direction: column;
}
.jetski-base-tabs {
display: grid;
gap: 12px;
padding: 14px 0 0;
}
.jetski-base-tabs__nav {
justify-content: flex-start;
gap: 6px;
overflow-x: auto;
padding-bottom: 5px;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x proximity;
}
.jetski-base-tabs__nav button,
.jetski-single-template .elementor-tab-title {
flex: 0 0 auto;
padding: 6px 10px;
font-size: 12px;
border-radius: 20px;
white-space: nowrap;
scroll-snap-align: start;
}
.jetski-base-sticky-cta {
display: none !important;
}
}
@media (min-width: 768px) {
.jetski-home-hero,
.jetski-trust-section,
.jetski-marketplace-grid,
.jetski-marketplace-grid--compact,
.jetski-bases-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.jetski-home-hero {
align-items: stretch;
}
.jetski-search-form {
flex-wrap: nowrap;
}
.jetski-search-form .jetski-search-bar__group--search {
flex: 1 1 auto;
}
.jetski-search-form .jetski-search-bar__group--submit,
.jetski-search-form .jetski-search-bar__group--geo {
min-width: 180px;
}
.jetski-base-page {
gap: 28px;
padding-bottom: 32px;
}
.jetski-base-hero,
.jetski-base-hero__media {
min-height: 520px;
}
.jetski-base-hero__panel {
padding: 28px 28px 30px;
}
.jetski-base-summary {
padding: 28px;
}
.jetski-base-summary__header {
grid-template-columns: minmax(0, 1fr) 240px;
align-items: start;
}
.jetski-base-summary__actions {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.jetski-base-contact-buttons,
.jetski-base-booking__actions {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.jetski-base-services__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.jetski-base-related-slider {
grid-auto-columns: minmax(280px, 32vw);
}
.jetski-seo-spot-grid {
grid-template-columns: 1fr;
}
.jetski-base-sticky-cta {
display: none;
}
.jetski-final-cta,
.jetski-base-booking {
flex-direction: row;
align-items: center;
justify-content: space-between;
}
}
@media (min-width: 1024px) {
.jetski-marketplace {
width: min(calc(100% - 40px), var(--jetski-page-max));
}
.jetski-bases-grid,
.jetski-marketplace-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.jetski-home-hero {
grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
}
.jetski-top-slider {
grid-auto-columns: minmax(320px, 32%);
}
.jetski-marketplace-grid--compact {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.jetski-trust-section {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.jetski-sponsor-plans {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.jetski-base-page {
width: min(calc(100% - 40px), 1080px);
margin: 0 auto;
}
.jetski-base-hero,
.jetski-base-summary,
.jetski-base-tabs,
.jetski-base-booking {
border-radius: 32px;
}
.jetski-base-related-slider {
grid-auto-columns: minmax(300px, 1fr);
}
}
@media (min-width: 1200px) {
.jetski-marketplace {
--jetski-page-max: 1400px;
width: min(calc(100% - 80px), var(--jetski-page-max));
}
.jetski-search-shell,
.jetski-search-section {
width: 100%;
max-width: none;
margin-left: 0;
margin-right: 0;
}
.jetski-home-hero {
grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
width: 100%;
max-width: none;
margin: 40px 0 0;
border-radius: 24px;
padding: 52px 40px 148px;
}
.jetski-home-hero__content h1 {
font-size: 64px;
line-height: 1.1;
}
.jetski-home-hero__content p {
max-width: 46rem;
font-size: 1.1rem;
}
.jetski-home-section,
.jetski-trust-section,
.jetski-final-cta,
.jetski-map-section {
margin-bottom: 80px;
}
}
@media (min-width: 1400px) {
.jetski-marketplace {
--jetski-page-max: 1600px;
}
.jetski-search-shell,
.jetski-search-section,
.jetski-home-hero {
width: 100%;
max-width: none;
}
.jetski-home-hero {
grid-template-columns: minmax(0, 1.24fr) minmax(340px, 0.76fr);
}
}