.elementor-2267 .elementor-element.elementor-element-a90046f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:045px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2267 .elementor-element.elementor-element-b45ceb0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-25px;--margin-bottom:035px;--margin-left:30px;--margin-right:0px;}.elementor-2267 .elementor-element.elementor-element-7a1c773{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2267 .elementor-element.elementor-element-805964e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2267 .elementor-element.elementor-element-815f898{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:50px 0px;--row-gap:50px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-2267 .elementor-element.elementor-element-63fee49{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 20px;--row-gap:0px;--column-gap:20px;}.elementor-2267 .elementor-element.elementor-element-4410a1c{--divider-border-style:solid;--divider-color:#00000033;--divider-border-width:1px;width:var( --container-widget-width, 77% );max-width:77%;--container-widget-width:77%;--container-widget-flex-grow:0;}.elementor-2267 .elementor-element.elementor-element-4410a1c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2267 .elementor-element.elementor-element-4410a1c .elementor-divider-separator{width:100%;}.elementor-2267 .elementor-element.elementor-element-4410a1c .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-2267 .elementor-element.elementor-element-4410a1c .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-a7d3266-font-family ), Sans-serif;font-size:var( --e-global-typography-a7d3266-font-size );font-weight:var( --e-global-typography-a7d3266-font-weight );text-transform:var( --e-global-typography-a7d3266-text-transform );line-height:var( --e-global-typography-a7d3266-line-height );}.elementor-2267 .elementor-element.elementor-element-2d3a91b{--divider-border-style:solid;--divider-color:#00000033;--divider-border-width:1px;width:var( --container-widget-width, 77% );max-width:77%;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:77%;--container-widget-flex-grow:0;}.elementor-2267 .elementor-element.elementor-element-2d3a91b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2267 .elementor-element.elementor-element-2d3a91b .elementor-divider-separator{width:100%;}.elementor-2267 .elementor-element.elementor-element-2d3a91b .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-2267 .elementor-element.elementor-element-2d3a91b .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-a7d3266-font-family ), Sans-serif;font-size:var( --e-global-typography-a7d3266-font-size );font-weight:var( --e-global-typography-a7d3266-font-weight );text-transform:var( --e-global-typography-a7d3266-text-transform );line-height:var( --e-global-typography-a7d3266-line-height );}.elementor-2267 .elementor-element.elementor-element-d34a29c{--display:flex;}.elementor-2267 .elementor-element.elementor-element-d34a29c.e-con{--align-self:center;}.elementor-2267 .elementor-element.elementor-element-29f4b20.elementor-element{--align-self:center;}.elementor-2267 .elementor-element.elementor-element-f4fce7d{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;border-style:none;}.elementor-2267 .elementor-element.elementor-element-1e47134{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}@media(min-width:768px){.elementor-2267 .elementor-element.elementor-element-b45ceb0{--width:15%;}.elementor-2267 .elementor-element.elementor-element-805964e{--width:85%;}}@media(max-width:1550px){.elementor-2267 .elementor-element.elementor-element-815f898{--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-2267 .elementor-element.elementor-element-4410a1c{width:var( --container-widget-width, 1187.509px );max-width:1187.509px;--container-widget-width:1187.509px;--container-widget-flex-grow:0;}.elementor-2267 .elementor-element.elementor-element-4410a1c .elementor-divider__text{font-size:var( --e-global-typography-a7d3266-font-size );line-height:var( --e-global-typography-a7d3266-line-height );}.elementor-2267 .elementor-element.elementor-element-2d3a91b{width:var( --container-widget-width, 1187.509px );max-width:1187.509px;--container-widget-width:1187.509px;--container-widget-flex-grow:0;}.elementor-2267 .elementor-element.elementor-element-2d3a91b .elementor-divider__text{font-size:var( --e-global-typography-a7d3266-font-size );line-height:var( --e-global-typography-a7d3266-line-height );}}@media(max-width:1024px){.elementor-2267 .elementor-element.elementor-element-815f898{--gap:30px 0px;--row-gap:30px;--column-gap:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-2267 .elementor-element.elementor-element-63fee49{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 0px;--row-gap:20px;--column-gap:0px;}.elementor-2267 .elementor-element.elementor-element-4410a1c{width:100%;max-width:100%;}.elementor-2267 .elementor-element.elementor-element-4410a1c .elementor-divider__text{font-size:var( --e-global-typography-a7d3266-font-size );line-height:var( --e-global-typography-a7d3266-line-height );}.elementor-2267 .elementor-element.elementor-element-2d3a91b{width:100%;max-width:100%;}.elementor-2267 .elementor-element.elementor-element-2d3a91b .elementor-divider__text{font-size:var( --e-global-typography-a7d3266-font-size );line-height:var( --e-global-typography-a7d3266-line-height );}}@media(max-width:767px){.elementor-2267 .elementor-element.elementor-element-815f898{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-2267 .elementor-element.elementor-element-4410a1c .elementor-divider{text-align:center;}.elementor-2267 .elementor-element.elementor-element-4410a1c .elementor-divider-separator{margin:0 auto;margin-center:0;}.elementor-2267 .elementor-element.elementor-element-4410a1c .elementor-divider__text{font-size:var( --e-global-typography-a7d3266-font-size );line-height:var( --e-global-typography-a7d3266-line-height );}.elementor-2267 .elementor-element.elementor-element-2d3a91b .elementor-divider{text-align:center;}.elementor-2267 .elementor-element.elementor-element-2d3a91b .elementor-divider-separator{margin:0 auto;margin-center:0;}.elementor-2267 .elementor-element.elementor-element-2d3a91b .elementor-divider__text{font-size:var( --e-global-typography-a7d3266-font-size );line-height:var( --e-global-typography-a7d3266-line-height );}}/* Start custom CSS for html, class: .elementor-element-29f4b20 */<style>
/* Base Form Layout */
#yacht-mobile-ui {
    font-family: inherit;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}
/* Make padding/borders count INSIDE widths so rows can't overflow */
#yacht-mobile-ui,
#yacht-mobile-ui * {
    box-sizing: border-box;
}
.primary-filter-box {
    background: #ffffff;
    border-radius: 8px;
    padding: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    border: 1px solid #eaeaea;
}
.filter-section {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    clear: both;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}
.filter-section:last-child {
    border-bottom: none;
    margin-bottom: 0;
}
.section-title { margin-bottom: 10px; font-size: 16px; color: #333; }
.eazy-flex-column { display: flex; flex-direction: column; gap: 10px; }
.eazy-flex-row { display: flex; flex-direction: row; gap: 6px; width: 100%; }
/* Two columns share the row equally, and can shrink instead of overflowing */
.half-width {
    flex: 1 1 0;
    min-width: 0;
    width: auto;
}
.half-width label { display: block; font-size: 12px; font-weight: bold; margin-bottom: 5px; color: #777; }
/* Existing Input & Button Styles */
.form-input-placeholder {
    width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px;
    background: #fff; color: #333; font-size: 14px;
}
#yacht-mobile-ui input[type="date"],
#yacht-mobile-ui input[type="number"] {
    min-width: 0;
    width: 100%;
    max-width: 100%;
    font-size: 12px;
    padding: 10px 4px;
}
#yacht-mobile-ui input[type="date"]::-webkit-datetime-edit {
    font-size: 12px;
    overflow: hidden;
}
.form-input-placeholder:focus { border-color: #FF5733; outline: none; }
.filter-item, .reset-filter, .apply-filter {
    padding: 12px; text-align: center; font-weight: bold; cursor: pointer; border-radius: 4px; border: none;
}
.filter-item { background: #fff; color: #333; border: 2px solid #FF5733; transition: 0.2s; }
.filter-item.active { background: #FF5733; color: #fff; }
.apply-filter { background: #FF5733; color: white; border: 2px solid #FF5733; width: 100%; }
.reset-filter { background: #f5f5f5; color: #333; border: 1px solid #ccc; width: 100%; }
.brand-scroll-box { max-height: 180px; overflow-y: auto; border: 1px solid #ccc; padding: 10px; }
.brand-item { display: block; padding: 8px 5px; border-bottom: 1px solid #eee; font-size: 14px; }
/* =======================================
   BOTTOM SHEET MODAL STYLES
   ======================================= */
.filter-overlay {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.6); z-index: 999998 !important;
    opacity: 0; visibility: hidden; transition: 0.3s ease;
}
.bottom-sheet-modal {
    position: fixed; bottom: -100%; left: 0; width: 100%; max-height: 85vh;
    background: #fff; z-index: 999999 !important; border-radius: 20px 20px 0 0;
    box-shadow: 0 -5px 20px rgba(0,0,0,0.15);
    display: flex; flex-direction: column; transition: bottom 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
/* State Classes for JavaScript */
.filter-overlay.is-active { opacity: 1; visibility: visible; }
.bottom-sheet-modal.is-active { bottom: 0; }
.modal-header {
    display: flex; justify-content: space-between; align-items: center;
    padding: 20px; border-bottom: 1px solid #eee;
}
.modal-header h3 { margin: 0; font-size: 18px; }
.close-btn { background: none; border: none; font-size: 28px; color: #555; cursor: pointer; }
.modal-scroll-body { padding: 20px; overflow-y: auto; flex-grow: 1; }
.modal-footer { padding: 20px; border-top: 1px solid #eee; background: #fff; }
</style>/* End custom CSS */