/* =============================
   Root Variables
   ============================= */
:root{--backgroundsurfaceenabled:#fff;--backgroundshadowenabled:#f5f5f5;--backgroundlightnegativeenabled:#fee2e2;--backgroundlightwarningenabled:#ffedd5;--backgroundlightpositiveenabled:#D1FAE5;--backgroundlightinfoenabled:#DEEEFE;--backgroundnegativeenabled:#b91c1c;--backgroundwarningenabled:#f97316;--backgroundpositiveenabled:#48AC98;--backgroundinformationenabled:#0E7490;--backgroundaccent:#48AC98;--backgroundlightaccent:#FFF4FE;--backgroundbrand:#dd4d93;--backgroundlightbrand:#FFF4FE;--backgroundsandenabled:#f5f5f4;--backgroundyellowjacket:#f59e0b;--borderstaticenabled:#e5e5e5;--borderinteractiveenabled:#d4d4d4;--borderinteractivelightenabled:#fff;--borderinteractivedisabled:#e5e5e5;--borderinteractivehover:#a3a3a3;--borderinteractiveactive:#7D1174;--bordernegativeenabled:#b91c1c;--borderwarningenabled:#f97316;--borderpositiveenabled:#48AC98;--borderinformationenabled:#0E7490;--borderdark:#262626;--contentbrandenabled:#dd4d93;--contentbranddisabled:#a3a3a3;--contentbrandhover:#DB337F;--contentbrandfocused:#dd4d93;--contentbrandactive:#7B1174;--contentaccentenabled:#96248B;--contentaccentdisabled:#a3a3a3;--contentaccenthover:#7D1174;--contentaccentfocused:#96248B;--contentaccentactive:#7D1174;--contentprimaryenabled:#262626;--contentprimarydisabled:#a3a3a3;--contentprimarydisabledshadow:#a3a3a3;--contentprimaryhover:#000;--contentprimaryfocused:#262626;--contentprimaryactive:#000;--contentsecondaryenabled:#737373;--contentsecondarydisabled:#a3a3a3;--contentsecondaryhover:#525252;--contentsecondaryfocused:#737373;--contentsecondaryactive:#525252;--contentplaceholderenabled:#737373;--contentnegativeenabled:#b91c1c;--contentpositiveenabled:#48AC98;--contentinformationenabled:#2861B1;--contentwarningoncolors:#9A3412;--contentwarningonsurface:#C2410C;--contentcontrastenabled:#fff;--contentbranddark:#130111;--formcontrolenabledselected:#F476F4;--formcontroldisabledselected:#FFDAFB;--formcontrolhoverselected:#EB6DE5;--formcontrolfocusedselected:#F476F4;--formcontrolactiveselected:#EB6DE5;--formcontrolenabled:#d4d4d4;--formcontroldisabled:#e5e5e5;--formcontrolhover:#a3a3a3;--formcontrolfocused:#a3a3a3;--formcontrolactive:#a3a3a3;--buttonimportantenabled:#fea4f5;--buttonimportantdisabled:#f5f5f5;--buttonimportanthover:#fb96f5;--buttonimportantfocused:#fea4f5;--buttonimportantactive:#fb96f5;--buttonimportantloading:#fea4f5;--buttonaccentenabled:#fea4f5;--buttonaccentdisabled:#f5f5f5;--buttonaccenthover:#fb96f5;--buttonaccentfocused:#fea4f5;--buttonaccentactive:#fb96f5;--buttonaccentloading:#fea4f5;--buttondarkenabled:#262626;--buttondarkdisabled:#f5f5f5;--buttondarkhover:#000;--buttondarkfocused:#262626;--buttondarkactive:#000;--buttondarkloading:#262626;--buttonlightenabled:#fff;--buttonlightdisabled:#f5f5f5;--buttonlighthover:#fff;--buttonlightfocused:#fff;--buttonlightactive:#f5f5f5;--buttonlightloading:#fff;--buttondestructiveenabled:#b91c1c;--buttondestructivedisabled:#f5f5f5;--buttondestructivehover:#991b1b;--buttondestructivefocused:#b91c1c;--buttondestructiveactive:#991b1b;--buttondestructiveloading:#b91c1c;--buttonghostenabled:#0000;--buttonghostdisabled:#f5f5f5;--buttonghosthover:#0000001a;--buttonghostfocused:#0000;--buttonghostactive:#00000029;--buttonghostloading:#0000;--othersdatepickerrange:#f5f5f5;--othersdatepickerrangeunavailable:#e5e5e5;--othersdatepickerselected:#fea4f5;--othersdatepickerselectedunavailable:#fb96f5;--othersdatepickerunavailable:#e5e5e5;--othersreviewpositive:#F476F4;--othersreviewnegative:#d4d4d4;--othersdiscounts:#ec782f;--locationmapbackground:#dd4d9333;--locationmapborder:#fea4f5;--overlaylight:#0000001a;--overlay:#00000080;--overlaygradient:linear-gradient(180deg,#0000 0%,#00000040 100%);--fontlabor:Inter,-apple-system,BlinkMacSystemFont,Roboto,sans-serif,Helvetica,Arial;--fonttitle:Rubik,-apple-system,BlinkMacSystemFont,Roboto,sans-serif,Helvetica,Arial;--fontlaborreg:400;--fontlabormed:500;--fontlaborsemi:600;--fontlaborbold:600;--fontlaborheavy:700;--fonttitlereg:400;--fonttitlemed:500;--fonttitlesemi:600;--fonttitlebold:600;--fillbrand:#F476F4;--contentbrand:#C94FBD;--interactivebrand:#7B1174;--backgroundfooter:#FFDAFB;--swiper-navigation-size:44px}

a, .chaos, div[data-module="link"][data-action="click"] {
     color: var(--contentprimaryenabled);
     text-decoration:none;
}
.spacer{height:64px}
.homeHero__title{font-weight:var(--fonttitlesemi);font-family:var(--fonttitle);font-size:2rem;line-height:2.5rem;color:var(--contentprimaryenabled);padding-bottom:1rem}
h2,.h2{font-weight:var(--fontlaborsemi);font-family:var(--fontlabor);font-size:1.25rem;line-height:1.75rem;color:var(--contentprimaryenabled)}
h5,.h5{font-weight:var(--fontlaborsemi);font-family:var(--fontlabor);font-size:1rem;line-height:1.5rem;color:var(--contentprimaryenabled);text-decoration:none}
.btn{border-radius:.25rem;font-weight:var(--fontlaborsemi);font-family:var(--fontlabor);font-size:.875rem;line-height:1.25rem;color:var(--contentcontrastenabled);text-decoration:none;display:inline-block;margin-bottom:0;padding:.75rem 1rem;border:.0625rem solid;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;cursor:pointer;-webkit-transition:background,border,-webkit-box-shadow .3s ease;transition:background,border,-webkit-box-shadow .3s ease;transition:background,border,box-shadow .3s ease;transition:background,border,box-shadow .3s ease,-webkit-box-shadow .3s ease}
.topBar,.topBar.jss-withPushToApp{position:fixed;z-index:9;width:100%;height:4rem;background-color:var(--backgroundsurfaceenabled);padding:.625rem .75rem;-webkit-box-shadow:.0625rem .125rem .25rem #00000014;box-shadow:.0625rem .125rem .25rem #00000014;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:100ms;transition:100ms}
.topBar .site,.topBar.jss-withPushToApp .site{width:100%;max-width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.topBar .site .logo,.topBar.jss-withPushToApp .site .logo{margin:0 .5rem}
.topBar .site .logo a,.topBar.jss-withPushToApp .site .logo a,.topBar .site .logo .data-chaos{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:center;flex-direction:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.topBar .last,.topBar.jss-withPushToApp .last{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}
.topBar .last .user,.topBar.jss-withPushToApp .last .user{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.topBar .last a:not(.language),.topBar.jss-withPushToApp .last a:not(.language),.topBar .last .chaos:not(.language){font-weight:var(--fontlabormed);font-family:var(--fontlabor);font-size:.875rem;line-height:1.25rem;color:var(--contentprimaryenabled);text-decoration:none;position:relative;float:right;margin:0 .75rem;text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.dropdown{cursor:pointer;position:relative;width:100%;border:.0625rem solid var(--borderinteractiveenabled);border-radius:.5rem;padding:.45rem .45rem .45rem .5rem;background-color:var(--backgroundsurfaceenabled);text-align:left;display:inline-block;max-height:36px}
.topBar .last .user .topbar__settingsDropdowns{padding-right:.75rem;display:-webkit-box;display:-ms-flexbox;display:flex}
.topBar .last .user .topbar__settingsDropdowns .settingsDropdown{padding:.5rem;width:9.625rem}
input,textarea,.dropdown,select{font-weight:var(--fontlaborreg);font-family:var(--fontlabor);font-size:1rem;line-height:1.5rem;color:var(--contentprimaryenabled);text-decoration:none;resize:none}
.dropdown span.value{font-weight:var(--fontlaborreg);font-family:var(--fontlabor);font-size:.875rem;line-height:1.25rem;color:var(--contentprimaryenabled);text-decoration:none;max-width:80%;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dropdown ul li{text-align:left;cursor:pointer;border-top:.0625rem solid var(--borderstaticenabled);padding:.625rem 1rem;margin:0!important}
.dropdown ul{color:var(--contentprimaryenabled);background-color:var(--backgroundsurfaceenabled);z-index:5;display:none;overflow-y:scroll;overscroll-behavior:contain;position:absolute;left:-.0625rem;right:-.0625rem;text-align:center;border:.0625rem solid var(--borderstaticenabled);border-top:0;top:100%;border-radius:.375rem;border-top-right-radius:0;border-top-left-radius:0;max-height:15.625rem;-webkit-box-shadow:0 .1875rem .9375rem #EBEBEB;box-shadow:0 .1875rem .9375rem #EBEBEB;list-style:none;padding-left:0;padding-right:0}
.topBar .last .user .topbar__settingsDropdowns .settingsDropdown .dropdown li{height:2.25rem}
.dropdown:before{font-family:"Font Awesome 6 Free";font-weight:900;color:var(--contentPrimaryEnabled);content:"\f078";float:right;pointer-events:none}
.homeHero{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-image:url(assets/images/placeholders/picture-placeholder.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;height:calc(100vh - 4rem);width:100%;min-height:41.4375rem;max-height:75rem}
.homeHero--CAB{background-position:61% 37%}
.homeHero{display:flex;align-items:center;justify-content:flex-start;background-position:center;background-size:cover;background-repeat:no-repeat;height:calc(100vh - 4rem);width:100%;position:relative;padding:2rem;height:calc(100vh - 4rem);width:100%;min-height:41.4375rem}
.homeHero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0000004d 0%,#0000001a 100%);z-index:1}
.homeHero .container-fluid{position:relative;z-index:2;margin:0 auto;padding:0 1rem}
.overlay-card{background:var(--backgroundsurfaceenabled);border-radius:16px;box-shadow:0 20px 60px #00000026;padding:2.5rem;max-width:456px;margin-left:7rem}
.homeHero__subTitle{font-family:var(--fontlabor);font-weight:var(--fontlaborreg);font-size:1rem;line-height:1.5;color:var(--contentsecondaryenabled);margin:0 0 2rem}
.homeHero__form{display:flex;flex-direction:column;gap:1rem}
.cabInput{position:relative;width:100%}
.cabInput__container{position:relative;width:100%}
.cabInput__label{font-family:var(--fontlabor);font-weight:var(--fontlabormed);font-size:.875rem;line-height:1.25;color:var(--contentprimaryenabled);display:block;margin-bottom:.5rem}
.cabInput__input{width:100%;padding:.8rem .8rem .8rem 3rem;border:1px solid var(--borderinteractiveenabled);border-radius:.25rem;font-family:var(--fontlabor);font-weight:var(--fontlaborreg);font-size:1rem;line-height:1.5;color:var(--contentprimaryenabled);background-color:var(--backgroundsurfaceenabled);transition:all .3s ease;outline:none}
.cabInput__input:focus{border-color:var(--contentaccentenabled);box-shadow:0 0 0 3px #96248b1a}
.cabInput__input::placeholder{color:var(--contentplaceholderenabled);font-weight:var(--fontlaborreg)}
.cabInput__inputIconContainer{position:absolute;left:1rem;top:70%;transform:translateY(-64%);pointer-events:none}
.cabInput__inputIcon img{width:24px;height:24px;opacity:.6}
.cabInput--dates .cabInput__container{display:flex;flex-direction:column}
.cabInput__datesTitles{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:.5rem}
.cabInput__datesTitle{font-family:var(--fontlabor);font-weight:var(--fontlabormed);font-size:.875rem;line-height:1.25;color:var(--contentprimaryenabled)}
.cabInput__datesDates{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.cabInput__datesDateContainer{position:relative}
.cabInput__inputIconDate{position:absolute;left:1rem;top:50%;transform:translateY(-50%);pointer-events:none;z-index:2}
.cabInput__inputIconDate img{width:20px;height:20px;opacity:.6}
.cabInput__datesDate--start,.cabInput__datesDate{width:100%;padding:.8rem .8rem .8rem 3rem;border:1px solid var(--borderinteractiveenabled);border-radius:.25rem;font-family:var(--fontlabor);font-weight:var(--fontlaborreg);font-size:1rem;line-height:1.5;color:var(--contentprimaryenabled);background-color:var(--backgroundsurfaceenabled);transition:all .3s ease;outline:none;cursor:pointer}
.cabInput__datesDate--start:focus,.cabInput__datesDate:focus{border-color:var(--contentaccentenabled);box-shadow:0 0 0 3px #96248b1a}
.cabInput__datesDate--start::placeholder,.cabInput__datesDate::placeholder{color:var(--contentplaceholderenabled);font-weight:var(--fontlaborreg)}
.homeHero__boatTypeDropdown{position:relative;width:100%;padding:.8rem .8rem .8rem 1rem;border:1px solid var(--borderinteractiveenabled);border-radius:.25rem;background-color:var(--backgroundsurfaceenabled);cursor:pointer;transition:all .3s ease;outline:none;font-family:var(--fontlabor);font-weight:var(--fontlaborreg);font-size:1rem;line-height:1.5;color:var(--contentprimaryenabled)}
.homeHero__boatTypeDropdown:hover{border-color:var(--borderinteractivehover)}
.homeHero__boatTypeDropdown:focus{border-color:var(--contentaccentenabled);box-shadow:0 0 0 3px #96248b1a}
.homeHero__boatTypeDropdown .value{color:var(--contentplaceholderenabled);font-weight:var(--fontlaborreg);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dropdown-arrow{position:absolute;right:1rem;top:50%;transform:translateY(-50%);pointer-events:none;transition:transform .3s ease}
.dropdown-arrow img{width:16px;height:16px;opacity:.6}
.homeHero__boatTypeDropdown.open .dropdown-arrow{transform:translateY(-50%) rotate(180deg)}
.homeHero__boatTypeDropdown ul{position:absolute;top:100%;left:0;right:0;background-color:var(--backgroundsurfaceenabled);border:1px solid var(--borderstaticenabled);border-top:none;border-radius:0 0 12px 12px;box-shadow:0 8px 32px #0000001a;z-index:10;display:none;max-height:240px;overflow-y:auto;margin:0;padding:0;list-style:none}
.homeHero__boatTypeDropdown.open ul{display:block}
.homeHero__boatTypeDropdown ul li{padding:.75rem 1rem;font-family:var(--fontlabor);font-weight:var(--fontlaborreg);font-size:1rem;line-height:1.5;color:var(--contentprimaryenabled);cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid var(--borderstaticenabled)}
.js-dropdown.dropdownmultiple ul li:before{margin-right:.5rem;font-family:"Font Awesome 6 Free";speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f111"}
.homeHero__boatTypeDropdown.active-menu ul{display:block}
.homeHero__boatTypeDropdown ul li:last-child{border-bottom:none}
.homeHero__boatTypeDropdown ul li:hover{background-color:var(--backgroundshadowenabled)}
.homeHero__boatTypeDropdown ul li.selected{background-color:var(--backgroundlightaccent);color:var(--contentaccentenabled)}
.homeHero__boatTypeDropdown ul li.selected:before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--contentaccentenabled);margin-right:.5rem}
.homeHero__cta{font-weight:var(--fontlaborsemi);font-family:var(--fontlabor);font-size:1rem;line-height:1.5rem;color:var(--contentprimaryenabled);text-decoration:none;border-radius:.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;min-height:.0625rem;width:auto;text-align:center;padding:.75rem 1.5rem;background:var(--buttonImportantEnabled);color:var(--contentbranddark);border:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:var(--contentbranddark);background:#fb96f5;margin-left:auto}
.homeHero__cta:hover{background:linear-gradient(135deg,#b946e3 0%,#9333ea 100%);transform:translateY(-1px);box-shadow:0 8px 25px #a855f766}
.homeHero__cta:active{transform:translateY(0);box-shadow:0 4px 15px #a855f74d}
.search-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;max-height:300px;overflow-y:auto}
.suggestions-list{list-style:none;margin:0;padding:0}
.suggestion-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;border-bottom:1px solid #f5f5f5;transition:background-color .2s ease}
.suggestion-item:last-child{border-bottom:none}
.suggestion-item:hover{background-color:#f8f9fa}
.suggestion-icon{margin-right:12px;color:#6c757d;font-size:14px;width:16px;display:flex;justify-content:center}
.suggestion-text{color:#C94FBD;font-size:14px;font-weight:600}
.cabInput__container{position:relative}
.search-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;max-height:300px;overflow-y:auto}
.suggestions-list{list-style:none;margin:0;padding:0}
.suggestion-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;border-bottom:1px solid #f5f5f5;transition:background-color .2s ease}
.suggestion-item:last-child{border-bottom:none}
.suggestion-item:hover{background-color:#f8f9fa}
.suggestion-icon{margin-right:12px;color:#6c757d;font-size:14px;width:16px;display:flex;justify-content:center}
.suggestion-text{color:#333;font-size:14px;font-weight:400}
.cabInput__container{position:relative}
.flatpickr-calendar{border-radius:8px;box-shadow:0 4px 12px #0000001a;border:1px solid #e0e0e0}
.flatpickr-calendar.animate.open{animation:flatpickrFadeIn .3s ease-out}
@keyframes flatpickrFadeIn {
from{opacity:0;transform:translateY(-10px)}
to{opacity:1;transform:translateY(0)}
}
.flatpickr-months{border-radius:8px 8px 0 0}
.flatpickr-current-month .flatpickr-monthDropdown-months{font-weight:600}
.flatpickr-day.today{background:#007bff;color:#fff;border-color:#007bff}
.flatpickr-day.selected{background:#28a745;border-color:#28a745;color:#fff}
.flatpickr-day:hover{background:#f0f0f0;border-color:#f0f0f0;border-radius:0}
.flatpickr-weekdays{background-color:#f8f9fa}
.flatpickr-weekday{font-weight:600;color:#666}
.flatpickr-day{font-weight:var(--fontlaborsemi);font-family:var(--fontlabor);font-size:1rem;line-height:1.5rem;color:var(--contentprimaryenabled);text-decoration:none;text-align:center;padding:.5em}
.flatpickr-day.today,.flatpickr-day.selected{font-weight:var(--fontlaborsemi);font-family:var(--fontlabor);font-size:1rem;line-height:1.5rem;color:var(--contentbrandDark);text-decoration:none;background:var(--othersdatepickerselected);border-radius:0;border-color:var(--othersdatepickerselected)}
.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{text-decoration:none;color:var(--contentprimarydisabled)}
span.flatpickr-weekday{font-weight:var(--fontlaborreg);font-family:var(--fontlabor);font-size:.75rem;line-height:1rem;color:var(--contentsecondaryenabled);background:none;padding:.7em .3em;background-color:transparent}
.flatpickr-weekdays .flatpickr-weekdaycontainer{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
.flatpickr-months .flatpickr-month{height:48px}
section.boat-renter-yacht-owner .estimate-btn{margin-left:auto;margin-right:auto}
.boat-renter-yacht-owner{padding:5rem 0;background-color:var(--backgroundsurfaceenabled);border-top:.0625rem solid var(--borderstaticenabled);border-bottom:.0625rem solid var(--borderstaticenabled);margin-top:2rem}
.boat-renter-yacht-owner .container{max-width:1200px;margin:0 auto;padding:0 2rem}
.two-column-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.column-card{background:var(--backgroundsurfaceenabled);padding:0}
.column-content{height:100%;display:flex;flex-direction:column}
.column-title{font-weight:var(--fontlaborsemi);font-family:var(--fontlabor);font-size:1.25rem;line-height:1.75rem;color:var(--contentprimaryenabled);text-align:center}
.feature-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:2rem}
.feature-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin-top:.25rem}
.feature-icon svg{width:30px;height:30px;color:var(--contentinformationenabled)}
.feature-text{flex:1}
.feature-text p{font-weight:var(--fontLaborReg);font-family:var(--fontLabor);color:var(--contentsecondaryenabled);font-size:1rem;line-height:1.5rem;margin:2.5rem 0;margin-top:0}
.column-content .estimate-btn{margin-top:auto;padding-top:1rem;align-self:flex-start}
@media (max-width: 968px) {
.two-column-grid{gap:3rem}
.column-title{font-size:1.75rem;line-height:2.25rem}
.feature-text p{font-size:.9rem;line-height:1.5}
}
@media (max-width: 768px) {
.boat-renter-yacht-owner{padding:3rem 0}
.boat-renter-yacht-owner .container{padding:0 1rem}
.two-column-grid{grid-template-columns:1fr;gap:3rem}
.column-title{font-size:1.5rem;line-height:2rem;margin-bottom:1.5rem}
.feature-item{margin-bottom:1.5rem}
.feature-icon{width:40px;height:40px}
.feature-icon svg{width:20px;height:20px}
.feature-text p{font-size:.875rem;line-height:1.4}
}
@media (max-width: 480px) {
.boat-renter-yacht-owner{padding:2rem 0}
.two-column-grid{gap:2rem}
.column-title{font-size:1.375rem;line-height:1.875rem;margin-bottom:1.25rem}
.feature-item{gap:.75rem;margin-bottom:1.25rem}
.feature-icon{width:36px;height:36px}
.feature-icon svg{width:18px;height:18px}
.feature-text p{font-size:.8rem;line-height:1.3}
.column-content .estimate-btn{min-width:auto;width:100%;text-align:center}
}
@media (max-width: 768px) {
.homeHero{padding:1rem;align-items:flex-start;justify-content:center}
.overlay-card{padding:2rem;margin:0;max-width:100%}
.homeHero__title{font-size:1.75rem}
.homeHero__subTitle{font-size:.9rem}
.cabInput__datesDates{gap:.75rem}
.cabInput__datesTitles{grid-template-columns:1fr;gap:.75rem}
}
@media (max-width: 480px) {
.overlay-card{padding:1.5rem}
.homeHero__title{font-size:1.5rem}
.cabInput__input,.cabInput__datesDate--start,.cabInput__datesDate,.homeHero__boatTypeDropdown{padding:.875rem .875rem .875rem 2.75rem}
.homeHero__cta{padding:.875rem 1.5rem;font-size:1rem}
}
.titleSep{margin:3.75rem 0 2.5rem;text-align:center;font-weight:var(--fonttitlesemi);font-size:2rem;line-height:2.5rem}
#featuredBoats .titleSep span{color:var(--contentbrand);font-family:var(--fonttitle)}
.grid{width:100%;max-width:1140px;min-width:755px;margin:0 auto}
.mosa .boat{display:block;position:relative;margin-bottom:1.25rem;overflow:hidden;background-position:center;background-size:cover;background-repeat:no-repeat;min-height:15rem;border-radius:1rem;background-blend-mode:multiply;background-color:#00000034}
#featuredBoats .mosa:not(:first-child){padding-left:1.25rem}
#featuredBoats .boat.a1{min-height:12.5rem}
#featuredBoats .boat.a2{min-height:23.4375rem}
#featuredBoats .boat.a3{min-height:21.875rem}
#featuredBoats .boat.a4{min-height:14.0625rem}
#featuredBoats .boat.a5{min-height:16.875rem}
#featuredBoats .boat.a6{min-height:19.0625rem}
#featuredBoats .more-links{font-weight:var(--fontlabormed);font-family:var(--fontlabor);font-size:.875rem;line-height:1.25rem;color:var(--contentsecondaryenabled);text-decoration:none;margin-top:-.75rem}
.mosa .boat .shadow{position:absolute;height:100%;display:block;padding:0;width:150%;bottom:0;left:-1.25rem;right:0;margin:0 auto;-webkit-box-shadow:inset -3.0625rem -5.625rem 3.8125rem #0000009e;box-shadow:inset -3.0625rem -5.625rem 3.8125rem #0000009e;z-index:1;color:var(--contentcontrastenabled);padding-left:1.875rem}
.mosa .boat .title{font-weight:var(--fonttitlesemi);font-family:var(--fonttitle);font-size:2rem;line-height:2.5rem;color:var(--contentcontrastenabled);bottom:1rem;position:absolute;left:1rem;z-index:2;padding-right:5rem}
.col-1-3,.col-4-12{width:33.33%}
#featuredBoats [class^='col-'],#featuredBoats [class*=' col-']{float:left}
#featuredReviews{padding:4rem 2rem;background-color:var(--backgroundsurfaceenabled)}
#featuredReviews .titleSep{font-family:var(--fonttitle);font-weight:var(--fonttitlesemi);font-size:2rem;line-height:2.5rem;color:var(--contentprimaryenabled);text-align:center;margin:0 0 3rem}
#featuredReviews .titleSep span{color:var(--contentbrand)}
.flex-head{display:flex;align-items:center;column-gap:10px}
.review-card{border-radius:.25rem;padding:.75rem;border:.0625rem solid var(--borderstaticenabled);-webkit-box-shadow:0 2px 4px 0 #383c402e;box-shadow:0 2px 4px 0 #383c402e;padding:2.4em;margin-top:1rem;border-radius:1rem}
.review-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.reviewer-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;flex-shrink:0;background-color:#F3F4F6;display:flex;align-items:center;justify-content:center}
.reviewer-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.reviewer-info{flex:1}
.reviewer-name{font-weight:var(--fontlaborsemi);font-family:var(--fontlabor);font-size:1rem;line-height:1.5rem;color:var(--contentprimaryenabled);text-decoration:none}
.star-rating{display:flex;gap:2px}
.star-rating i{color:var(--othersreviewpositive);font-size:12px}
.review-dates{display:flex}
.rental-date,.review-date,.charter-info{font-weight:var(--fontlaborreg);font-family:var(--fontlabor);font-size:.75rem;line-height:1rem;color:var(--contentsecondaryenabled);padding:.25rem 0}
.charter-info strong{color:var(--contentprimaryenabled);font-weight:var(--fontlabormed)}
.review-content{font-weight:var(--fontlaborreg);font-family:var(--fontlabor);font-size:1rem;line-height:1.5rem;color:var(--contentprimaryenabled);text-decoration:none}
.read-more{color:var(--contentprimaryenabled);font-weight:var(--fontlaborreg);cursor:pointer;text-decoration:none;transition:color .3s ease}
@media (max-width: 1024px) {
.review-card{max-width:600px}
}
@media (max-width: 768px) {
#featuredReviews{padding:3rem 1rem}
#featuredReviews .titleSep{font-size:1.75rem;line-height:2.25rem;margin-bottom:2rem}
.review-card{padding:20px;max-width:100%}
.reviewer-avatar{width:40px;height:40px}
.reviewer-name{font-size:1rem}
.star-rating i{font-size:12px}
}
@media (max-width: 480px) {
#featuredReviews{padding:2rem .75rem}
.review-card{padding:16px}
.reviewer-avatar{width:36px;height:36px}
.reviewer-name{font-size:.9rem}
.charter-info,.rental-date,.review-date{font-size:.8rem}
.review-content{font-size:.9rem}
}
@keyframes fadeInUp {
from{opacity:0;transform:translateY(30px)}
to{opacity:1;transform:translateY(0)}
}
.review-card{animation:fadeInUp .6s ease-out}
.review-card:nth-child(2){animation-delay:.2s}
.grid{width:100%;max-width:1140px;margin:0 auto;padding:0 1rem}
@media (max-width: 1024px) {
.grid{max-width:100%;padding:0 1rem}
}
@media (max-width: 768px) {
.grid{min-width:auto;padding:0 .5rem}
}
.columnleft,.columnright{max-width:49%;width:100%}
.slide{display:flex;flex-wrap:wrap;column-gap:15px}
.gallery-section{margin-top:3.5rem}
#featuredDestinations .ban{display:block;padding-top:5.625rem;height:28.125rem;background:no-repeat 10% 10%;background-size:cover;background-position:70% 50%;text-align:center;color:var(--contentcontrastenabled)}
#featuredDestinations .ban .title{font-weight:var(--fonttitlesemi);font-family:var(--fonttitle);font-size:3.5rem;line-height:4rem;color:var(--contentcontrastenabled);display:block}
#featuredDestinations .ban .desc{font-weight:var(--fonttitlesemi);font-family:var(--fonttitle);font-size:1.5rem;line-height:2rem;color:var(--contentcontrastenabled);margin-top:1.25rem}
#featuredDestinations .ban button{font-weight:var(--fontlaborsemi);font-family:var(--fontlabor);font-size:1rem;line-height:1.5rem;color:var(--contentprimaryenabled);text-decoration:none;background:var(--buttonlightenabled);display:block;margin:4.375rem auto 0;height:3.75rem;padding:.75rem 3.75rem;border:.125rem solid var(--buttonlightenabled);border-radius:6.25rem;text-decoration:none;cursor:pointer}
.destinations-section{padding:5rem 0;padding-bottom:2rem}
.destinations-section .container{max-width:1200px;margin:0 auto;padding:0 2rem;margin-top:3.5rem}
.destinations-section .titleSep{font-family:var(--fonttitle);font-weight:var(--fonttitlesemi);font-size:2.5rem;line-height:3rem;color:var(--contentprimaryenabled);text-align:center;margin:0 0 4rem}
.destinations-section .titleSep span{color:var(--contentbrand)}
.destinations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;align-items:start}
.destination-card{position:relative;border-radius:20px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #0000001a}
.destination-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}
.destination-image{width:100%;height:280px;object-fit:cover;display:block}
.destination-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#000000b3 0%,#0000004d 50%,transparent 100%);padding:2rem 1.5rem 1.5rem;display:flex;align-items:flex-end}
.destination-name{font-family:var(--fonttitle);font-weight:var(--fonttitlesemi);font-size:1.75rem;line-height:2rem;color:#fff;margin:0;text-shadow:0 2px 4px #0000004d}
@media (max-width: 1024px) {
.destinations-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}
.destination-card:last-child{grid-column:1 / -1;max-width:50%;margin:0 auto}
}
@media (max-width: 768px) {
.destinations-section{padding:3rem 0}
.destinations-section .container{padding:0 1rem}
.destinations-section .titleSep{font-size:2rem;line-height:2.5rem;margin-bottom:2.5rem}
.destinations-grid{grid-template-columns:1fr;gap:1.5rem}
.destination-card:last-child{grid-column:1;max-width:100%;margin:0}
.destination-image{height:240px}
.destination-name{font-size:1.5rem;line-height:1.75rem}
}
.yacht-owner-section{padding:2.5rem 0;margin-top:1.25rem;background-color:var(--backgroundsurfaceenabled);border-top:.0625rem solid var(--borderstaticenabled);border-bottom:.0625rem solid var(--borderstaticenabled)}
.yacht-owner-section .container{max-width:800px;margin:0 auto;padding:0 2rem;text-align:center}
.yacht-owner-content{display:flex;flex-direction:column;align-items:center}
.yacht-owner-section .yacht-owner-subtitle{margin-bottom:2rem}
.yacht-owner-title{font-family:var(--fonttitle);font-weight:var(--fonttitlesemi);font-size:2.5rem;line-height:3rem;color:var(--contentprimaryenabled);margin:0}
.yacht-owner-title span{color:var(--contentbrand)}
.yacht-owner-subtitle{font-family:var(--fontlabor);font-weight:var(--fontlaborreg);font-size:1.125rem;line-height:1.75rem;color:var(--contentsecondaryenabled);margin:0;max-width:500px}
.estimate-btn{background:#fea4f5;border:none;border-radius:.25rem;padding:1rem 1.2rem;font-size:1.125rem;line-height:1;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #c94fbd4d;margin-top:1rem;font-weight:var(--fontlaborreg);font-weight:var(--fontlaborsemi);font-family:var(--fontlabor);color:var(--contentbranddark)}
.getinspired-by-your-next-trip{background-color:var(--backgroundsurfaceenabled)}
.getinspired-by-your-next-trip .container{max-width:1200px;margin:0 auto;padding:0 2rem}
.getinspired-by-your-next-trip .titleSep{text-align:center;margin-bottom:3rem;font-family:var(--fonttitle);font-weight:var(--fonttitlesemi);font-size:32px;line-height:2rem;color:var(--contentprimaryenabled)}
.getinspired-by-your.next-trip .titleSep span{color:var(--contentbrand)}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(342px,1fr));gap:2rem;margin-bottom:3rem}
.blog-card{background:var(--backgroundsurfaceenabled);border-radius:12px;overflow:hidden;box-shadow:inset -1px 0 0 var(--borderinteractiveenabled),inset 1px 0 0 var(--borderinteractiveenabled),inset 0 -1px 0 var(--borderinteractiveenabled);transition:transform .3s ease,box-shadow .3s ease;max-width:342px}
.blog-image{position:relative;width:100%;height:200px;overflow:hidden}
.blog-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.blog-card:hover .blog-img{transform:scale(1.05)}
.blog-content{padding:1.5rem}
.blog-title{font-weight:var(--fontlaborsemi);font-family:var(--fontlabor);font-size:1rem;line-height:1.5rem;color:var(--contentprimaryenabled);text-decoration:none;margin-bottom:1rem}
.blog-excerpt{font-weight:var(--fontlaborreg);font-family:var(--fontlabor);font-size:.75rem;line-height:1rem;color:var(--contentsecondaryenabled);margin-bottom:0}
.blog-meta{display:flex;justify-content:space-between;align-items:self-start;gap:.2rem;flex-direction:column}
.blog-link{font-weight:var(--fontlaborMed);font-family:var(--fontlabor);font-size:.75rem;line-height:1rem;color:var(--contentprimaryenabled)}
.blog-link:hover{color:var(--contentbrandhover);text-decoration:underline}
.blog-date{font-family:var(--fontlabor);font-weight:var(--fontlaborreg);font-size:.75rem;line-height:1rem;color:var(--contentsecondaryenabled);white-space:nowrap}
.blog-cta{text-align:center;margin-top:2rem}
@media (max-width: 768px) {
.getinspired-by-your-next-trip{padding:3rem 0}
.getinspired-by-your-next-trip .container{padding:0 1rem}
.getinspired-by-your.next-trip .titleSep{font-size:2rem;line-height:2.5rem;margin-bottom:2rem}
.blog-grid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}
.blog-content{padding:1.25rem}
.blog-title{font-size:1.125rem;line-height:1.5rem}
.blog-excerpt{font-size:.8rem;line-height:1.375rem}
}
@media (max-width: 480px) {
.getinspired-by-your-next-trip .titleSep{font-size:1.75rem;line-height:2.25rem}
.blog-image{height:180px}
.blog-content{padding:1rem}
.blog-title{font-size:1rem;line-height:1.375rem}
.blog-excerpt{font-size:.75rem;line-height:1.25rem;margin-bottom:1rem}
.blog-meta{flex-direction:column;align-items:flex-start;gap:.5rem}
}
.sail-safely-container{padding:3rem 0;background-color:var(--backgroundsurfaceenabled)}
.sail-safely-container .container{max-width:1140px;margin:0 auto;padding:0 2rem}
.sail-safely-section{text-align:center;margin-bottom:4rem}
.sail-safely-title{font-family:var(--fonttitle);font-weight:var(--fonttitlesemi);font-size:2.5rem;line-height:3rem;color:var(--contentprimaryenabled);margin:0 0 2rem}
.sail-safely-title span{color:var(--contentbrand)}
.allianz-logo{display:flex;justify-content:center;align-items:center;margin:0 auto}
.allianz-logo svg{max-width:300px;height:auto}
.most-searched-section{text-align:center;margin-top:7rem}
.most-searched-title{font-weight:var(--fonttitlesemi);font-family:var(--fonttitle);font-size:1.5rem;line-height:2rem;color:var(--contentprimaryenabled);margin-bottom:3rem}
.search-links-grid{display:flex;flex-direction:column;margin:0 auto}
.search-links-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.search-link{font-weight:var(--fontlabormed);font-family:var(--fontlabor);font-size:1rem;line-height:1.5rem;color:var(--contentprimaryenabled);text-decoration:none;border-radius:1rem;display:inline-block;padding:.5rem 1rem;line-height:1.5rem;background:var(--backgroundshadowenabled);margin:0 1rem 1rem 0;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}
.search-link:active{transform:translateY(0);box-shadow:0 2px 6px #0000001a}
@media (max-width: 968px) {
.sail-safely-container{padding:4rem 0}
.sail-safely-title{font-size:2rem;line-height:2.5rem}
.most-searched-title{font-size:1.375rem;line-height:1.875rem}
.search-link{min-width:160px;font-size:.8rem}
}
@media (max-width: 768px) {
.sail-safely-container{padding:3rem 0}
.sail-safely-container .container{padding:0 1rem}
.sail-safely-section{margin-bottom:3rem}
.sail-safely-title{font-size:1.75rem;line-height:2.25rem;margin-bottom:1.5rem}
.most-searched-title{font-size:1.25rem;line-height:1.75rem;margin-bottom:2rem}
.search-links-grid{gap:1.25rem}

.search-link{min-width:140px;padding:.4rem .8rem;font-size:.75rem}
.allianz-logo svg{max-width:250px}
}
@media (max-width: 480px) {
.sail-safely-container{padding:2rem 0}
.sail-safely-title{font-size:1.5rem;line-height:2rem}
.most-searched-title{font-size:1.125rem;line-height:1.5rem}
.search-links-row{flex-direction:column;gap:.75rem;align-items:stretch}
.search-link{min-width:auto;width:100%;max-width:280px;margin:0 auto}
.allianz-logo svg{max-width:200px}
}
.footer{clear:both;width:100%;background-color:#FFDAFB;padding:5rem 2.5rem;margin-top:5rem;color:#130111}
.footer .container{max-width:1200px;margin:0 auto;padding:0 2rem}
.footer-content{display:grid;grid-template-columns:1fr 2fr 1fr 1fr;gap:2rem;margin-bottom:3rem;align-items:start}
.footer-column{display:flex;flex-direction:column}
.footer-title{font-weight:var(--fontlaborsemi);font-family:var(--fontlabor);font-size:1.25rem;line-height:1.75rem;color:var(--contentbranddark);font-family:var(--fonttitle);text-transform:uppercase;min-height:3.75rem}
.footer-links{list-style:none;padding:0;margin:0}
.footer-links a{font-weight:400;font-family:var(--fontlabor);font-size:.875rem;line-height:1.25rem;color:var(--contentbranddark);text-decoration:none;white-space:nowrap;color:#130111}
.footer-links a:hover{color:var(--contentbrand);text-decoration:underline}
.trust-content p,.leader-section p{font-weight:var(--fontlaborreg);font-family:var(--fontlabor);font-size:.75rem;line-height:1rem;color:var(--contentbranddark)}
.customer-reviews{margin-top:2rem}
.customer-reviews h4{font-family:var(--fontlabor);font-weight:var(--fontlaborbold);font-size:.75rem;line-height:1rem;color:var(--contentprimaryenabled);margin:0 0 .75rem;letter-spacing:.05em;text-transform:uppercase}
.rating{display:flex;flex-direction:column;gap:.5rem}
.stars{display:flex;gap:.25rem}
.stars i{color:var(--othersreviewpositive);font-size:1rem}
.rating p{color:var(--contentbranddark);margin-top:.25rem}
.destinations-links{margin-bottom:1.5rem}
.charter-types{border-top:1px solid var(--borderstaticenabled);padding-top:1.5rem}
.social-icons{display:flex;margin-bottom:2rem}
.social-link{font-weight:var(--fonttitlereg);font-family:var(--fonttitle);font-size:1.5rem;line-height:2rem;color:var(--contentbranddark);width:3rem;height:3rem;border-radius:0;display:inline-block;vertical-align:top;text-align:center;margin-right:.625rem;margin-bottom:.9375rem;border:.125rem solid var(--contentbranddark);border-radius:50%;display:flex;align-items:center;justify-content:center}
.social-link:hover{background-color:var(--backgroundbrand);border-color:var(--backgroundbrand);transform:translateY(-2px)}
.social-link i{font-size:1.125rem;color:var(--contentbranddark);transition:color .3s ease}
.social-link:hover i{color:var(--contentcontrastenabled)}
.leader-section{margin-bottom:2rem}
.leader-section h4{font-family:var(--fontlabor);font-weight:var(--fontlaborsemi);font-size:1rem;line-height:1.5rem;color:var(--contentprimaryenabled);margin:0 0 1rem}
.app-badges{display:flex;gap:.75rem}
.app-badge{display:block;text-decoration:none}
.app-badge img{height:48px;width:auto;border-radius:8px;transition:transform .3s ease}
.app-badge:hover img{transform:scale(1.05)}
.footer-bottom{padding-top:.3rem;text-align:left}
.footer-bottom p{font-weight:var(--fontlaborreg);font-family:var(--fontlabor);font-size:.75rem;line-height:1rem;color:var(--contentbranddark)}
.olumn-you-can-trust-us .stars i{font-size:10px}
.footer-column.column-about{min-width:0}
.footer-column.column-you-can-trust-us{min-width:0}
.footer-column.column-destination{min-width:0}
.footer-column.column-follow-us{min-width:0}

@media (max-width: 968px) {
.footer{padding:3rem 0 1.5rem}
.footer-content{grid-template-columns:1fr 1fr;gap:2rem}
}
@media (max-width: 768px) {
.footer{padding:2.5rem 0 1.5rem}
.footer .container{padding:0 1rem}
.footer-content{grid-template-columns:1fr;gap:2rem;margin-bottom:2rem}
.app-badges{align-items:center}
.footer-bottom{padding-top:1.5rem}
}
@media (max-width: 480px) {
.footer{padding:2rem 0 1rem}
.footer-content{gap:1.5rem;margin-bottom:1.5rem}
.footer-title{font-size:.8rem;margin-bottom:1rem}
.footer-links a,.trust-content p,.leader-section p{font-size:.8rem;line-height:1.375rem}
.leader-section h4{font-size:.9rem;line-height:1.375rem}
.social-link{width:36px;height:36px}
.social-link i{font-size:1rem}
.app-badge img{height:36px}
.footer-bottom{padding-top:1rem}
}


@media (min-width: 991px) {
    .popin { display: none;}
}
@media (min-width: 768px) {

        .hidden-desktop {
        display: none !important;
    }



}

/* only for header menu */
@media (max-width: 990px) {

   #js-main-header .user > a,#js-main-header .user > .topbar__settingsDropdowns{
        display: none !important;
     }
        .topBar .mobileMenu span, .topBar.jss-withPushToApp .mobileMenu span {
            display: block;
            height: .25rem;
            background-color: var(--contentprimaryenabled);
            width: 100%;
            border-radius: .125rem;
        }
        .topBar .mobileMenu span:not(:last-child), .topBar.jss-withPushToApp .mobileMenu span:not(:last-child) {
            margin-bottom: .375rem;
        }
        .topBar .mobileMenu span:not(:last-child), .topBar.jss-withPushToApp .mobileMenu span:not(:last-child) {
            margin-bottom: .375rem;
        }


        
        .topBar .mobileMenu, .topBar.jss-withPushToApp .mobileMenu {
            display: block;
            margin: 0 .5rem;        width: 40px;
        }

    .popin {
        top: 0 ;
        position: fixed;
        visibility: hidden;
        right: -530px;
        top: 0;
        height: 100%;
        overflow: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translateZ(0px);
        opacity: 1;
        padding: 16px 16px 48px;
        max-width: 530px;
        width: 100%;
        z-index: 22;
        background-color: #fafafa;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        max-width: 380px;

    }
    .openNavigationMenu .popin {
        right: 0;
    }

    #bg-popins {
        display: none;
        background-color: var(--overlay);
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        z-index: 9;
        opacity: 0;
    }
    #bg-popins.active {
        opacity: .8;
        display: block;
    }


.popin .close-popin, .popin .close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: var(--fontlaboreg);
    font-family: var(--fontlabor);
    font-size: .75rem;
    line-height: 1rem;
    color: var(--contentprimaryenabled);
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: .5rem .75rem;
    padding-top: calc(env(safe-area-inset-top) + .5rem);
    width: 100%;
    cursor: pointer;
    text-align: right;
    text-transform: uppercase;
}


.popin .close:after {
    font-size: 1.375rem;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: '\f00d';
    margin-left: .375rem;
}

.small .menuMobile__settingsDropdowns {
    margin-top: .5rem;
}

.small .menuMobile__settingsDropdowns .settingsDropdown {
    padding-top: .5rem;
    padding-bottom: .5rem;
}
.small .menuMobile__settingsDropdowns .settingsDropdown .dropdown {
    height: 3rem;
    max-height: none;
    padding: .625rem 1rem;
}

}

/* only for header menu  Ends */



@media (max-width: 767px) 
{

        .popin  .user a{
        padding: 12px 16px;
        border-bottom: 1px solid var(--borderstaticenabled);
        display: block;
        color: var(--contentprimaryenabled);
        text-decoration: none;
    }
    .hidden-mobile {
        display: none !important;
    }
    .homeHero__title_mobile {
        position: relative;
        color: var(--contentcontrastenabled);
        padding: 9rem 1.5rem 1rem;
        width: 100%;
        z-index: 2;
    }
        .homeHero {
        padding: 0rem;
    }
    .overlay-card {

        border-radius: 0;
        margin-left: -20px;
        margin-right: -20px;
        width: auto;
        max-width: inherit;
    }

    #featuredBoats .mosa, #featuredBoats .mosa:not(:first-child) {
        width: 100%;
        padding-left: 0;
    }
    #featuredBoats .boat.a1,#featuredBoats .boat.a2
    ,#featuredBoats .boat.a3,#featuredBoats .boat.a4
    ,#featuredBoats .boat.a5,#featuredBoats .boat.a6 {
                height: 12.5rem;
             min-height: 12.5rem;
    }

    .columnleft, .columnright {
        max-width: 100%;
    }
    .homeHero{
            /* height: calc(100vh - 8rem);        min-height: 0; */
    }
    .overlay-card{
        box-shadow: 0 0px 0px #00000026;
    }
    .blog-card{
            max-width: 100%;
    }
    .footer-column{
        padding-left: 3rem;
    }
    .cabInput__datesDates {
        display: flex;
        flex-wrap: wrap;
    }
    .cabInput__datesDates > div {
        max-width: 48%;
    }
    section#featuredBoats {
        margin-top: 6rem;
    }
    .destination-image{
                height: 144px;
    }

}

/* Auth Modal Sidebar Styles */
.auth-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.auth-modal-overlay.active {
    opacity: 1;
    visibility: visible;
}

.auth-modal-sidebar {
    position: fixed;
    top: 0;
    right: -450px;
    width: 450px;
    height: 100vh;
    background: var(--backgroundsurfaceenabled);
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
    z-index: 1001;
    transition: right 0.3s ease;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.auth-modal-sidebar.active {
    right: 0;
}

.auth-modal-header {
    padding: 24px 32px;
    border-bottom: 1px solid var(--borderstaticenabled);
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--backgroundsurfaceenabled);
    position: sticky;
    top: 0;
    z-index: 10;
}

.auth-modal-title {
    font-family: var(--fonttitle);
    font-weight: var(--fonttitlesemi);
    font-size: 1.5rem;
    line-height: 2rem;
    color: var(--contentprimaryenabled);
    margin: 0;
}

.auth-modal-close {
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: background-color 0.2s ease;
}

.auth-modal-close:hover {
    background-color: var(--backgroundshadowenabled);
}

.auth-modal-close svg {
    width: 20px;
    height: 20px;
    color: var(--contentprimaryenabled);
}

.auth-modal-content {
    flex: 1;
    padding: 32px;
    display: flex;
    flex-direction: column;
}

.auth-modal-subtitle {
    font-family: var(--fontlabor);
    font-weight: var(--fontlaborreg);
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--contentsecondaryenabled);
    margin: 0 0 32px 0;
    text-align: center;
}

.auth-form {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.auth-form-group {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 8px;
}

.auth-form-label {
    font-family: var(--fontlabor);
    font-weight: var(--fontlabormed);
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: var(--contentprimaryenabled);
}

.auth-form-input {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid var(--borderinteractiveenabled);
    border-radius: 8px;
    font-family: var(--fontlabor);
    font-weight: var(--fontlaborreg);
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--contentprimaryenabled);
    background-color: var(--backgroundsurfaceenabled);
    transition: all 0.2s ease;
    outline: none;
}

.auth-form-input:focus {
    border-color: var(--contentaccentenabled);
    box-shadow: 0 0 0 3px rgba(150, 36, 139, 0.1);
}

.auth-form-input::placeholder {
    color: var(--contentplaceholderenabled);
}

.auth-form-checkbox-group {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 8px 0;
}

.auth-form-checkbox {
    width: 16px;
    height: 16px;
    margin-top: 2px;
    accent-color: var(--contentaccentenabled);
}

.auth-form-checkbox-label {
    font-family: var(--fontlabor);
    font-weight: var(--fontlaborreg);
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: var(--contentsecondaryenabled);
    flex: 1;
}

.auth-form-checkbox-label a {
    color: var(--contentaccentenabled);
    text-decoration: none;
}

.auth-form-checkbox-label a:hover {
    text-decoration: underline;
}

.auth-form-submit {
    width: 100%;
    padding: 14px 24px;
    background: var(--buttonaccentenabled);
    color: var(--contentbranddark);
    border: none;
    border-radius: 8px;
    font-family: var(--fontlabor);
    font-weight: var(--fontlaborsemi);
    font-size: 1rem;
    line-height: 1.5rem;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-top: 8px;
}

.auth-form-submit:hover {
    background: var(--buttonaccenthover);
    transform: translateY(-1px);
}

.auth-form-submit:active {
    transform: translateY(0);
}

.auth-divider {
    display: flex;
    align-items: center;
    margin: 32px 0 24px 0;
}

.auth-divider::before,
.auth-divider::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--borderstaticenabled);
}

.auth-divider span {
    margin: 0 16px;
    font-family: var(--fontlabor);
    font-weight: var(--fontlaborreg);
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: var(--contentsecondaryenabled);
}

.auth-social-buttons {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 32px;
}

.auth-social-btn {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid var(--borderinteractiveenabled);
    border-radius: 8px;
    background: var(--backgroundsurfaceenabled);
    color: var(--contentprimaryenabled);
    font-family: var(--fontlabor);
    font-weight: var(--fontlabormed);
    font-size: 0.875rem;
    line-height: 1.25rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    transition: all 0.2s ease;
    text-decoration: none;
}

.auth-social-btn:hover {
    background: var(--backgroundshadowenabled);
    border-color: var(--borderinteractivehover);
}

.auth-social-btn svg {
    width: 20px;
    height: 20px;
}

.auth-modal-footer {
    padding: 24px 32px;
    border-top: 1px solid var(--borderstaticenabled);
    text-align: center;
    background: var(--backgroundsurfaceenabled);
}

.auth-modal-footer p {
    font-family: var(--fontlabor);
    font-weight: var(--fontlaborreg);
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: var(--contentsecondaryenabled);
    margin: 0;
}

.auth-modal-footer a {
    color: var(--contentaccentenabled);
    text-decoration: none;
    font-weight: var(--fontlabormed);
}

.auth-modal-footer a:hover {
    text-decoration: underline;
}

.forgot-password-link {
    text-align: center;
    margin-top: 16px;
}

.forgot-password-link a {
    font-family: var(--fontlabor);
    font-weight: var(--fontlaborreg);
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: var(--contentaccentenabled);
    text-decoration: none;
}

.forgot-password-link a:hover {
    text-decoration: underline;
}

/* Responsive Design */
@media (max-width: 768px) {
    .auth-modal-sidebar {
        width: 100vw;
        right: -100vw;
    }
    
    .auth-modal-content {
        padding: 24px;
    }
    
    .auth-modal-header {
        padding: 20px 24px;
    }
    
    .auth-modal-footer {
        padding: 20px 24px;
    }

}

@media (max-width: 480px) {
    .auth-modal-content {
        padding: 20px;
    }
    
    .auth-modal-header {
        padding: 16px 20px;
    }
    
    .auth-modal-footer {
        padding: 16px 20px;
    }
    
    .auth-form {
        gap: 20px;
    }
    
    .auth-social-buttons {
        gap: 10px;
    }
}