/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

/*wasssuuup*/
#vyrex-configurator aside{
  /* overflow-x:hidden; */
}
#sidenav{
  position: relative;
  z-index: 10;
}
#vyrex-configurator #sidenav #sidenav-top {
  position: relative;
  background: transparent;
  overflow: visible;
}

.boat-view{
  height: auto !important;
  border-radius: 8px;
  overflow: hidden;
}
.boat-views{
  /* z-index: 999999999999999999; */
  position: inherit;
}
.choices{
  background-color: #f5f6f8 !important;
}
.open-sans{
  /* font-family: 'Open Sans' !important; */
}
.fas{
font-family: "Font Awesome 5 Pro" !important;
font-weight: 900 !important;
}
.boostrap-wrapper ::before, .boostrap-wrapper ::after{
  font-family: "Font Awesome 5 Pro" !important;
  font-weight: 900 !important;
}
html{
  overflow-x: hidden;
}

#total-price{
  /* font-family: 'Open Sans'; */
  -ms-flex-item-align: baseline;
      align-self: baseline;
}

#vyrex-configurator{
  min-height: 100vh;
  background-color: #eef0f3 !important;
}

.boat-header{
  position: inherit;
}

.btn-primary{
  background-color: #1a2035 !important;
  border-color: #1a2035 !important;
  border-radius: 8px !important;
}

.inner-bottom-content{
  z-index: 999999 !important;
}
.outer-keuze-menu{
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}

@media screen and (max-width: 768px) {
  .mb-999{
    padding-top: 0px !important;
  }
}

@media screen and (min-width: 992px) {
  .outer-keuze-menu{
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

@media screen and (min-width: 992px) {
  .choices-fullscreen{
    left: -74vw !important;
  }
}

#vyrex-configurator #sidenav #sidenav-bottom .inner-bottom{

}


body.modal-open {
    overflow: hidden;
}

.bootstrap-wrapper .modal {
    z-index: 9999999 !important;
}

.modal {
  z-index: 9999999 !important;
}



article#post-240350.post-240350.page.type-page.status-publish.hentry div.entry-content div.et-l.et-l--post div.et_builder_inner_content.et_pb_gutters3 div.et_pb_section.et_pb_section_0.et_pb_with_background.et_section_regular {
  background-color: #eef0f3 !important;
}

#vyrex-configurator {
    padding-bottom: 6rem;
}

/* Boat content area - white card with rounded corners and shadow */
#vyrex-configurator .boat-part {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
}

#vyrex-configurator .modal {
    background-color: rgba(0, 0, 0, 0.8);
    overflow: auto;
    padding-top: 1.75rem;
}

  #vyrex-configurator .vyrex-radio-btn  {
    display: block;
    min-width: 20px;
    height: 20px;
    border: 0.5px solid rgba(0, 0, 0, 0.8);
    overflow: hidden;
    cursor: pointer;
    background-color: #ffffff;
}

#vyrex-configurator .form-aanhef-wrapper
{
    display: flex;
}
#vyrex-configurator .form-aanhef{
    width: 40px;
    /* margin-right: 10px; */
    height: 24px;
}
#vyrex-configurator .form-aanhef-seperator
{
    margin-left: 30px;
    margin-right: 30px;
}

#vyrex-configurator input[type='radio']:not(.form-aanhef) {
    display: none;
}

#vyrex-configurator input[type='radio']:checked + .vyrex-radio-btn {
    position: relative;
}

#vyrex-configurator input[type='radio']:checked + .vyrex-radio-btn::after {
    position: absolute;
    left: 2px;
    top: -4px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f00c";
}


#vyrex-configurator #sidenav #sidenav-top {
    /* color: #000F47; */
}

#vyrex-configurator #sidenav #sidenav-top .buttons .vyrex-button {
    background-color: #1a2035;
    color: rgba(255, 255, 255, 0.85);
    border: none;
    padding: 0.5rem 1.25rem;
    font-size: 13px;
    font-weight: 500;
    outline: none;
    border-radius: 6px;
    letter-spacing: 0.3px;
}

#vyrex-configurator #sidenav #sidenav-top .buttons .vyrex-button:hover {
    color: #fff;
    -webkit-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
         -o-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color;
}

#vyrex-configurator #sidenav #sidenav-bottom {
    background-color: #1a2035;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    flex-wrap: nowrap;
    min-height: 0;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}
#sidenav .position-relative.boostrap-wrapper {
  min-height: 0;
}

#vyrex-configurator #sidenav #sidenav-bottom #prev-top-btn {
    /* margin-bottom: 0.25rem; */
    color: #fff;
}

#vyrex-configurator #sidenav #sidenav-bottom #next-top-btn {
    /* margin-bottom: 0.25rem; */
    color: #fff;
}

#vyrex-configurator #sidenav #sidenav-bottom .inner-bottom {
    overflow: hidden;
    width: 100%;
    scroll-behavior: smooth;
}

#vyrex-configurator #sidenav #sidenav-bottom .inner-bottom .option .option-btn {
    position: relative;
    background-color: #1a2035;
    color: rgba(255, 255, 255, 0.75);
    display: block;
    padding: 0.9rem 3rem 0.9rem 1.25rem;
    -webkit-transition-duration: .3s;
         -o-transition-duration: .3s;
            transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
         -o-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
    -webkit-transition-property: background-color, color, -webkit-box-shadow;
    transition-property: background-color, color, -webkit-box-shadow;
    -o-transition-property: background-color, color, box-shadow;
    transition-property: background-color, color, box-shadow;
    transition-property: background-color, color, box-shadow, -webkit-box-shadow;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

#vyrex-configurator #sidenav #sidenav-bottom .inner-bottom .option .option-btn::after {
    content: "\f078";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    position: absolute;
    right: 1.5rem;
    top: 1rem;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    -o-transition: transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
}

#vyrex-configurator #sidenav #sidenav-bottom .inner-bottom .option.active .option-btn::after {
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
}

#vyrex-configurator #sidenav #sidenav-bottom .inner-bottom .option.active .option-btn,
#vyrex-configurator #sidenav #sidenav-bottom .inner-bottom .option .option-btn:hover {
    background-color: #252d45;
    color: #fff;
    text-decoration: none;
}

#vyrex-configurator #sidenav #sidenav-bottom .inner-bottom .option .choices {
    background-color: #fff;
    padding-top: .75rem;
    display: none;

    max-height: 250px;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

#vyrex-configurator #sidenav #sidenav-bottom .inner-bottom .option .choices-fullscreen {
    position: absolute;
    /* top: 50%; */
    /* transform: translateX(-50%) translateY(-50%);
    left: -167% !important; */
    top: 50px;
    width: 71.8vw;
    height: 100%;
    z-index: 99;
    max-height: none !important;
}

#vyrex-configurator #sidenav #sidenav-bottom .inner-bottom .option .choices .choice .color-circle {
    border-radius: 50%;
    margin: auto;
    width: 50px;
    height: 50px;
    position: relative;
    background-color: #fff;
}

#vyrex-configurator #sidenav #sidenav-bottom .inner-bottom .option .choices .choice span {
    font-size: 15px;
    line-height: 1.15rem;
}

#vyrex-configurator #sidenav #sidenav-bottom .inner-bottom .option .choices .close-top-btn {
    color: #000;
    font-weight: bold;
    margin: 0 auto .5rem auto;
    padding: .1rem .5rem;
    outline: none;
    border: none;
    text-align: center;
    background-color: transparent;
}

#vyrex-configurator #sidenav #sidenav-bottom .inner-bottom .option .choices .choice.active .color-circle::after {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-size: 10px;
    color: #fff;
    border: 1px solid #dee2e6;
    padding: 2px;
    border-radius: 50%;
    right: -5px;
    top: -5px;
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

#vyrex-configurator .boat-header {
    color: #1a2035;
    padding: 0.75rem 0;
}
#vyrex-configurator .boat-header h2 {
    padding-top: 0px;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
#vyrex-configurator .boat-header h3 {
    padding-top: 0px;
    font-size: 1.3rem;
    font-weight: 600;
}

#vyrex-configurator .boat-show {
    /* padding: 4rem 2rem; */

    position: sticky;

}

#vyrex-configurator .boat-show  {
    height: 500px;
}

#vyrex-configurator .boat-show img {
    /* image-rendering: -webkit-optimize-contrast; */
    /* padding-top: 3rem; */
    padding-left: 1rem;
    padding-right: 1rem;
    width: 80%;
    margin: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
}

#vyrex-configurator #boat{
  z-index: 0;
}
#vyrex-configurator .boat-show .wbg {
  z-index: 1;
  opacity: 95%;
}
#vyrex-configurator .boat-show .drop-shadow-filter {
  /* filter: opacity(.8) drop-shadow(0 0 0) saturate(1.5) contrast(1) brightness(95%); */
  opacity: 100%;
  mix-blend-mode: multiply;
  z-index: 2;
}

.overflowOverlay{
  overflow-y: overlay !important;
}

#vyrex-configurator .pointer-cursor {
    cursor: pointer;
}

#vyrex-configurator .advanced-tabs {
    position: relative;
}

#vyrex-configurator .advanced-tabs > button {
    font-size: 20px;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #1a2035;
    -webkit-transition: color .2s ease-out;
    -o-transition: color .2s ease-out;
    transition: color .2s ease-out;
    border: none;
    height: 100%;
    -webkit-transform: translateY(-5%);
        -ms-transform: translateY(-5%);
            transform: translateY(-5%);
}

#vyrex-configurator .advanced-tabs button:hover {
    color: #1a2035;
}

#vyrex-configurator .advanced-tabs .tab-options {
    overflow-x: auto;
    scroll-behavior: smooth;
}

#vyrex-configurator .advanced-tabs .tab-options::-webkit-scrollbar {
    display: none;
}

#vyrex-configurator .advanced-tabs .tab-option > button {
    -webkit-transition-property: color, -webkit-box-shadow;
    transition-property: color, -webkit-box-shadow;
    -o-transition-property: color, box-shadow;
    transition-property: color, box-shadow;
    transition-property: color, box-shadow, -webkit-box-shadow;
    -webkit-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s;
    -webkit-transition-timing-function: ease-out;
         -o-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
    cursor: pointer;
    color: #000;
    height: 100%;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    white-space: nowrap;
    padding: 0;
}

#vyrex-configurator .advanced-tabs .tab-option > button span {
    display: block;
}

#vyrex-configurator .advanced-tabs .tab-option.active button span,
#vyrex-configurator .advanced-tabs .tab-option button:hover span {
    -webkit-box-shadow: 0 -3px #1a2035 inset;
            box-shadow: 0 -3px #1a2035 inset;
    color: #1a2035;
}

#vyrex-configurator .choices-fullscreen .tab-option-choices {
    bottom: 99%;
    left: 0;
    top: unset;
    background: #fff;
    width: 100%;
    position: absolute;
    height: 350px;
    border-radius: 0.25rem 0.25rem 0 0;
    display: none;
    overflow: hidden;
    padding: 0 !important;
}

#vyrex-configurator .choices-fullscreen .tab-option-choices .gradient {
    content: '';
    height: 100px;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, #f8f9fa));
    background: -o-linear-gradient(top, transparent, #f8f9fa 80%);
    background: linear-gradient(180deg, transparent, #f8f9fa 80%);
    bottom: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
}

#vyrex-configurator .choices-fullscreen .tab-option-choices .tab-option-wrapper {
    height: 100%;
    overflow: auto;
}

#vyrex-configurator .choices-fullscreen .tab-options .tab-option:not(:last-child) .tab-btn {
    border-right: 1px solid rgba(200, 200, 200, 0.8);
}

#vyrex-configurator .choices-fullscreen .tab-option-close-btn {
    background-color: #1a2035;
    font-weight: 600;
    position: sticky;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
            transform: translate(-50%);
    z-index: 2;
    padding: 0.75rem 2rem;
    color: #fff !important;
    -webkit-box-shadow: unset !important;
            box-shadow: unset !important;
    outline: none;
    font-size: 16px;
    border: none;
    border-radius: 8px;
}

#vyrex-configurator .choices-fullscreen h2,
#vyrex-configurator .choices-fullscreen h3,
#vyrex-configurator .choices-fullscreen p {
    padding: 0 2rem;
}

#vyrex-configurator .choices-fullscreen ul {
    padding: 0 2rem;
    margin: 0;
}

#vyrex-configurator .choices-fullscreen ul li  {
    list-style: none;
    border: 2px solid #dee2e6;
    margin-bottom: 1rem;
    padding: .5rem 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    font-size: 16px;

}
#vyrex-configurator .choices-fullscreen ul li:hover {border-color: #000;}

#vyrex-configurator .choices-fullscreen ul .dark-border {
    border-color: #000;
}

#vyrex-configurator .choices-fullscreen li input {
    height: 20px;
    width: 20px;
    margin-right: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    border: 1px solid rgba(0, 0, 0, 0);
    color: #000F47
}

#vyrex-configurator .choices-fullscreen ul li label {
    margin: 0;
}

#vyrex-configurator .choices-fullscreen ul li .choice-label {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

#vyrex-configurator #vyrex-save-modal ul {
    padding: 0;
    margin: 0;
}

#vyrex-configurator #vyrex-save-modal ul li {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .5rem;
}

#vyrex-configurator #vyrex-save-modal ul li .item-sect {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

#vyrex-configurator #vyrex-save-modal ul li .item-sect span {
    display: block;
}

#vyrex-configurator #vyrex-save-modal ul li .item-sect .item-name,
#vyrex-configurator #vyrex-save-modal ul li .partial-price {
    font-size: 16px;
    margin-bottom: 0;
}

#vyrex-configurator #vyrex-save-modal ul li .item-sect .list-group-code {
    font-size: 13px;
}

#vyrex-configurator input[type="radio"] {
    -webkit-appearance: checkbox; /* Chrome, Safari, Opera */
    -moz-appearance: checkbox;    /* Firefox */
    -ms-appearance: checkbox;     /* not currently supported */
}

#vyrex-configurator input[type="radio"]::after {
    content: unset;
}

@media screen and (max-width: 1200px) {
    #vyrex-configurator #sidenav #sidenav-bottom .inner-bottom .option .choices-fullscreen {
        left: 113%;
        top: 50px;
        width: 323%;
        max-height: none !important;
    }
}

@media screen and (max-width: 992px) {
  #vyrex-configurator {
	overflow: hidden;
}

    #vyrex-configurator #sidenav #sidenav-bottom .inner-bottom {
overflow: visible;
   display: flex;
flex-wrap: nowrap;
        background-color: #1a2035;
        border-left: 1px solid rgba(255, 255, 255, 0.08);
        border-right: 1px solid rgba(255, 255, 255, 0.08);
        /*z-index: 9999999;*/
        z-index: 998;
    }
      #vyrex-configurator #sidenav #sidenav-bottom #next-top-btn {
	z-index: 999;
	position: absolute;
	right: 0;
	background-color: #1a2035;
	height: 100%;
	border-left: 1px solid rgba(255, 255, 255, 0.12);
}
#vyrex-configurator #sidenav #sidenav-bottom #prev-top-btn {
z-index: 999;

height: 100%;
background-color: #1a2035;

border-left: 1px solid rgba(255, 255, 255, 0.12);
}

    #vyrex-configurator #sidenav #sidenav-bottom .inner-bottom::-webkit-scrollbar {
        display: none;
    }
    #vyrex-configurator #sidenav #sidenav-bottom .inner-bottom .option{
      border-bottom: 0px;
      flex: 0 0 110px;
min-width: 0;
    }
    #vyrex-configurator #sidenav #sidenav-bottom .inner-bottom .option .option-btn {
        white-space: normal;
        text-align: center;
        height: 100%;
        font-size: 16px;
        padding: 0 1rem;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }

    #vyrex-configurator #sidenav #sidenav-bottom .inner-bottom .option .option-btn:not(:last-child) {
        border-right: 1px solid rgba(238, 238, 238, 0.4);
    }

    #vyrex-configurator #sidenav #sidenav-bottom .inner-bottom .option .option-btn span {
        padding: .75rem .5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        height: 100%;
        text-align: center;
    }

    #vyrex-configurator #sidenav #sidenav-bottom .inner-bottom .option .option-btn:hover,
    #vyrex-configurator #sidenav #sidenav-bottom .inner-bottom .option.active .option-btn {
      background-color: #252d45 !important;
      color: #fff !important;
    }

    #vyrex-configurator #sidenav #sidenav-bottom .inner-bottom .option .option-btn:hover span,
    #vyrex-configurator #sidenav #sidenav-bottom .inner-bottom .option.active .option-btn span {
        -webkit-box-shadow: 0 3px #fff inset;
                box-shadow: 0 3px #fff inset;
    }

    #vyrex-configurator #sidenav #sidenav-bottom .inner-bottom .option .option-btn::after {
        content: '';
    }

    #vyrex-configurator #sidenav #sidenav-bottom .inner-bottom .option .choices {
        position: absolute;
        width: 100%;
        left: 0;
        z-index: 5;
        background-color: rgba(255, 255, 255, 0.7);
    }

    #vyrex-configurator .advanced-tabs .tab-options {
        border-left: 1px solid rgba(200, 200, 200, 0.8);
        border-right: 1px solid rgba(200, 200, 200, 0.8);
    }

    #vyrex-configurator .advanced-tabs .tab-options .tab-option-choices li {
        background-color: #fff;
        border-width: 1px;
    }

    #vyrex-configurator .boat-show  {
        height: 350px;
    }

    #vyrex-configurator .boat-show img {
        max-width: 100%;
        /* padding-top: 2rem !important; */
    }

    #vyrex-configurator #sidenav #sidenav-bottom .inner-bottom .option .choices-fullscreen {
        position: fixed !important;
        left: 0;
        top: 0;
        width: 100vw;
        height: 100vh;
        z-index: 99;
        overflow: auto;
        max-height: none !important;
        padding: 6rem 0 !important;
    }

    #vyrex-configurator .choices-fullscreen .tab-option-close-btn {
        bottom: 1.2rem;
        position: fixed;
    }
}

@media screen and (max-width: 670px) {
    #vyrex-configurator .boat-show {
        height: 300px;
    }
    #vyrex-configurator .boat-views {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    #vyrex-configurator {
        /* background: #dceaed !important; */
    }

    #vyrex-configurator #sidenav #sidenav-bottom .inner-bottom {
        overflow: visible;
    }

    #vyrex-configurator #sidenav #sidenav-bottom .inner-bottom .option {
        /*min-width: 100%;
        max-width: 100%;*/
        min-width: calc(100% - 120px);
        max-width: calc(100% - 120px);
        text-align: center;
        border-bottom: 0px;
    }

    #vyrex-configurator #sidenav #sidenav-bottom .inner-bottom .option .option-btn {
        border-right: unset !important;
    }

    #vyrex-configurator .advanced-tabs #prev-btn {
        display: block !important;
    }

    #vyrex-configurator .advanced-tabs #next-btn {
        display: block !important;
    }

    #vyrex-configurator .advanced-tabs .tab-options {
        overflow-x: hidden;
    }

    #vyrex-configurator .advanced-tabs .tab-options .tab-option {
        min-width: 100%;
        max-width: 100%;
    }

    #vyrex-configurator .advanced-tabs .tab-options .tab-option > button {
        min-width: 100%;
        max-width: 100%;
        border-right: unset !important;
        padding: 0 !important;
    }

    #vyrex-configurator .advanced-tabs .tab-options .tab-option > button span {
        height: 100%;
        padding: 0 1rem;
        white-space: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

}










/* Custom Style */
#catalog .logo {
    margin: auto;
}

#catalog .front-view img {
    max-width: 100% !important;
}

#catalog .list-group-item {
    line-height: initial;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    height: initial;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
}
#catalog .list-group-item .chat-img {
    position: absolute;
    max-width: 95%;
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
    top: 50%;
}

#catalog .vyrex-color-selector {
    width: 25px;
    height: 25px;
    border-radius: 25px;
    border: 1px solid #666;
}



#catalog .boat-email-btn {
    padding: 6px;
    width: 100%;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.5);
}

#catalog .boat-email-input {
    border: 1px solid rgba(0, 0, 0, 0.5);
}

body.vyrex-hidden {
    overflow: hidden;
}

.vyrex-modal {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .5);
    z-index: 999;
    top: 0;
    overflow: hidden;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: none;
}

.vyrex-modal-content {
    width: 500px;
    height: 200px;
    background-color: #fff;
    -webkit-box-shadow: 1px 2px 14px 8px rgba(0, 0, 0, .3);
            box-shadow: 1px 2px 14px 8px rgba(0, 0, 0, .3);
    border-radius: 10px;
    padding: 14px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
}

.vyrex-modal-content span {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 20px;
}

.vyrex-modal-content .d-block {
    display: block;
}

.vyrex-modal-content .d-none {
    display: none;
}

#vyrex-modal-close-btn {
    font-size: 26px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    padding: 5px 10px;
    display: block;
    -webkit-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
    transition: color .3s ease-out;
}

#vyrex-modal-close-btn:hover {
    color: red;
}

#vyrex-modal-text {
    font-size: 26px;
}

#sidenav #sidenav-bottom .option {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
#sidenav #sidenav-bottom .option:last-child {
    border-bottom: 0;
}

#vyrex-configurator {
    color: #1a2035;
}
#vyrex-configurator .container-fluid {
    /* max-width: 1600px; */
    /* Zet de configurator naar 100% breedte op de detailpagina */
    width: 100%;
}

#vyrex-save-modal h2 {
    font-size: 22px;
}

#vyrex-configurator #sidenav #sidenav-bottom .inner-bottom .option .choices .choice .color-circle::before {
    content: "";
    font-size: 10px;
    color: #fff;
    padding: 2px;
    left: -15px;
    -webkit-transform: rotate3d(1, 1, 1, 200deg);
            transform: rotate3d(1, 1, 1, 200deg);
    top: -35px;
    position: absolute;
    width: 90px;
    height: 70px;
    background-color: rgba(255, 255, 255, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

#main-content .container::before{
  background-color: transparent !important;
}

/* #vyrex-configurator .modal {
    background-image: url(/wp-content/uploads/2020/10/AdobeStock_60718680-kopieren.jpg);
    background-position: center;
    background-size: cover;
} */

.defaultPrice {
    background: #1a2035;
    color: #fff;
    padding: 5px 20px;
    font-size: 13px;
    border-radius: 6px;
    font-weight: 600;
}
.choice-option-radio {
    display: none;
}
label.vyrex-radio-btn {
    display: inline;
    position: relative;
}
#vyrex-configurator input[type='checkbox']:checked + .vyrex-radio-btn::after, #vyrex-configurator input[type='radio']:checked + .vyrex-radio-btn::after {
    position: absolute;
    left: 0px;
    top: -4px;
    width: 100%;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f00c";
    background-color: #1a2035;
    color: #fff;
    text-align: center;
    font-size: 10px;
}
.choice-option-radio.position-absolute.active + label:after {
    background-color: #595959;
    color: #595959;
    content: '\2714';
}
.toggleDefault {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.toggleDefault .toggle {
    background: #fff;
    width: 40px;
    display: inline-block;
    color: #1a2035;
    text-align: right;
    padding-bottom: 10px;
    height: 20px;
    line-height: 0;
    font-size: 30px;
    padding-right: 5px;
    border-radius: 10px;
    margin-right: 10px;
    border: 1px solid #1a2035;
    cursor: pointer;
}
.toggleDefault.active .toggle {
    background: #1a2035;
    color: #fff;
    text-align: left;
    padding-left: 5px;
}
.toggleDefault .toggleText {
    font-size: 15px;
}
.defaultOption {
    float: right;
}
#vyrex-configurator .choices-fullscreen li input {
    top: 21px;
}

/* #19679 r22: optievenster minstens zo hoog als de boot, ook bij boten met een kort menu (anders scrollt een pakket in een strook van ~400px) */
@media screen and (min-width: 992px) {
  #vyrex-configurator #sidenav #sidenav-bottom .inner-bottom .option .choices-fullscreen {
    min-height: 780px;
  }
}

/* #21406 13-10 (Tinoush): op desktop klapt elk menu-item open in de menukolom zelf, met de lijst erin en scrollbaar
   (was: STANDARD/packs/opties als groot vlak over de boot). Mobiel (<993px) blijft ongewijzigd. */
@media screen and (min-width: 993px) {
  #vyrex-configurator #sidenav #sidenav-bottom .inner-bottom .option .choices-fullscreen {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto;
    min-height: 0 !important;
    max-height: 380px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0 !important;
    background-color: #f5f6f8 !important;
    z-index: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
  }
  #vyrex-configurator .choices-fullscreen .tab-option-wrapper {
    height: auto;
    overflow: visible;
    padding: 1rem 1rem .25rem;
  }
  /* #21406 13-10 r2: open/dicht met dezelfde jQuery slideDown/slideUp (swing = ease-in-out) als Color Hull.
     height en padding mogen daarvoor geen !important meer hebben; tijdens de animatie geen scrollbalk. */
  #vyrex-configurator #sidenav #sidenav-bottom .inner-bottom .option .choices-fullscreen[style*="overflow: hidden"] {
    overflow: hidden !important;
  }
  #vyrex-configurator .choices-fullscreen h2,
  #vyrex-configurator .choices-fullscreen .gradient,
  #vyrex-configurator .choices-fullscreen .tab-option-close-btn,
  #vyrex-configurator .choices-fullscreen br {
    display: none !important;
  }
  #vyrex-configurator .choices-fullscreen .tab-option-wrapper > p.pt-2,
  #vyrex-configurator .choices-fullscreen form > p.pt-2 { display: none; }
  #vyrex-configurator .choices-fullscreen h3 {
    padding: 0 !important;
    margin: 0 0 .6rem;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: .4px;
    text-transform: uppercase;
    color: #1a2035 !important;
    line-height: 1.35;
  }
  #vyrex-configurator .choices-fullscreen ul {
    padding: 0 !important;
    margin: 0 0 .75rem;
  }
  #vyrex-configurator .choices-fullscreen ul li {
    background: #fff;
    border-width: 1px;
    margin-bottom: .5rem;
    padding: .55rem .75rem;
    font-size: 14px;
    line-height: 1.35;
    gap: .25rem .5rem;
  }
  #vyrex-configurator .choices-fullscreen ul li .choice-label {
    flex: 1 1 0;
    min-width: 0;
    max-width: none;
    padding: 0;
    margin-left: .5rem !important;
    margin-bottom: 0;
  }
  #vyrex-configurator .choices-fullscreen ul li input { top: 50% !important; }
  #vyrex-configurator .choices-fullscreen ul li b { font-size: 14px; white-space: nowrap; }
  #vyrex-configurator .choices-fullscreen ul li p {
    padding: 0 0 0 36px !important;
    margin: .15rem 0 0;
    font-size: 12px;
    line-height: 1.4;
    opacity: .75;
  }
  #vyrex-configurator .choices-fullscreen ul li .vyrex-radio-btn.d-none + .choice-label { margin-left: 0 !important; }
  #vyrex-configurator .choices-fullscreen ul li .defaultPrice { font-size: 12px; }
}

/* #21406 13-10 r2 (Tinoush): vinkje precies in het vierkante vakje (was top:-4px en 13,5px hoog, viel half buiten het vak) */
#vyrex-configurator input[type='checkbox']:checked + .vyrex-radio-btn::after,
#vyrex-configurator input[type='radio']:checked + .vyrex-radio-btn::after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: none;
    line-height: 18px;
    font-size: 11px;
    text-align: center;
    overflow: hidden;
}

/* #21406 13-10: Load/Save configuration in het midden, ook op de modelpagina's (was alleen /configurator/ via .dcs); mobiel stond al in het midden */
@media screen and (min-width: 768px) {
  .boat-views .boat-btns { margin-left: auto !important; margin-right: auto !important; justify-content: center; text-align: center; }
}

/* #21406 (14-10-2026): streeplaag (B - Color Stripe) boven de romp: eigen witte laag vol dekkend, kleur daarboven. */
#vyrex-configurator .boat-show .wbg.layer-top {
  z-index: 3;
  opacity: 100%;
}
#vyrex-configurator .boat-show .drop-shadow-filter.layer-top {
  z-index: 4;
}

/* #21406 (Andrés 15-10): modals staan nu in #vyrex-modal-host direct onder <body> (stonden in een Divi-kolom met eigen
   z-index, waardoor latere secties en de footer over Save configuration lagen). Zelfde opmaak als voorheen; scrollen in
   de popup loopt niet meer door naar de pagina. */
#vyrex-modal-host { color: #1a2035; font-size: 15px; line-height: 1.55; }
#vyrex-modal-host .form-aanhef-wrapper { display: flex; }
#vyrex-modal-host .form-aanhef { width: 40px; height: 24px; }
#vyrex-modal-host .form-aanhef-seperator { margin-left: 30px; margin-right: 30px; }
#vyrex-modal-host input[type="radio"] { -webkit-appearance: checkbox; -moz-appearance: checkbox; }
#vyrex-modal-host input[type="radio"]::after { content: unset; }
#vyrex-modal-host .modal {
    background-color: rgba(0, 0, 0, 0.8);
    overflow: auto;
    padding-top: 1.75rem;
    z-index: 2147483000;
    overscroll-behavior: contain;
}
#vyrex-modal-host .modal-backdrop { display: none !important; }
#vyrex-modal-host #vyrex-save-modal ul { padding: 0; margin: 0; line-height: 26px; }
#vyrex-modal-host #vyrex-save-modal ul li { list-style: none; display: flex; margin-bottom: .5rem; }
#vyrex-modal-host #vyrex-save-modal ul li .item-sect { flex-grow: 1; }
#vyrex-modal-host #vyrex-save-modal ul li .item-sect span { display: block; }
#vyrex-modal-host #vyrex-save-modal ul li .item-sect .item-name,
#vyrex-modal-host #vyrex-save-modal ul li .partial-price { font-size: 16px; margin-bottom: 0; }
#vyrex-modal-host #vyrex-save-modal ul li .item-sect .list-group-code { font-size: 13px; }
#vyrex-modal-host .vyrex-price-note {
    font-size: 12px;
    line-height: 1.45;
    color: #5a6275;
    margin: .25rem 0 1rem;
}
#vyrex-modal-host .vyrex-saved-code { margin: .75rem 0 .5rem; font-size: 15px; }
#vyrex-modal-host .vyrex-saved-code strong { font-size: 20px; letter-spacing: 2px; }
#vyrex-modal-host .vyrex-saved-code span { font-size: 13px; color: #5a6275; }

/* #21406: geladen configuratie: code, opslagdatum en totaal van toen */
#vyrex-configurator .vyrex-saved-info {
    background: #eef3f7;
    border-left: 3px solid #2F5D7C;
    border-radius: 4px;
    padding: .5rem .75rem;
    margin: 0 0 .75rem;
    font-size: 13px;
    line-height: 1.45;
}

/* #21406 (Andrés 15-10): mobiel (<993px) geen schermvullende optiepopup meer. Volgorde: naam en prijs, boot, aanzichten
   en Load/Save, menubalk, disclaimer. Een geopend menu-item toont de lijst vast onder de balk (JS zet --vyrex-list-top
   en schuift naam/boot/balk in beeld); de lijst scrolt zelf, de boot blijft zichtbaar. Sluiten = tab nogmaals of
   buiten de lijst tikken. */
@media screen and (max-width: 992px) {
  #vyrex-configurator.vyrex-inline-mobile { overflow: clip; }
  #vyrex-configurator.vyrex-inline-mobile .outer-keuze-menu,
  #vyrex-configurator.vyrex-inline-mobile #sidenav,
  #vyrex-configurator.vyrex-inline-mobile .boat-part { display: contents; }
  #vyrex-configurator.vyrex-inline-mobile > .container-fluid > .row > .outer-keuze-menu > #sidenav > *,
  #vyrex-configurator.vyrex-inline-mobile > .container-fluid > .row > .boat-part > * {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  #vyrex-configurator.vyrex-inline-mobile #sidenav > .boat-header:first-child { order: 1; }
  #vyrex-configurator.vyrex-inline-mobile .vyrex-saved-info { order: 2; flex-basis: calc(100% - 30px); margin: 0 15px .5rem; }
  #vyrex-configurator.vyrex-inline-mobile .boat-part > .boat-show { order: 3; height: 240px; }
  #vyrex-configurator.vyrex-inline-mobile .boat-part > .boat-views { order: 4; padding-bottom: .5rem; }
  #vyrex-configurator.vyrex-inline-mobile #sidenav > .position-relative { order: 5; position: relative; z-index: 20; }
  #vyrex-configurator.vyrex-inline-mobile #sidenav > .boat-header:nth-child(2) { order: 7; padding-top: .75rem !important; font-size: 13px; }
  #vyrex-configurator.vyrex-inline-mobile #sidenav > #sidenav-top { order: 8; margin-bottom: 0 !important; }

  /* Lijst onder de balk i.p.v. over het hele scherm */
  #vyrex-configurator.vyrex-inline-mobile #sidenav #sidenav-bottom .inner-bottom .option .choices-fullscreen {
    position: fixed !important;
    top: var(--vyrex-list-top, 50%) !important;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: auto !important;
    padding: 1rem 0 1.5rem !important;
    overflow-y: auto;
    overscroll-behavior: contain;
    background-color: #f5f6f8 !important;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, .12);
    z-index: 997;
  }
  #vyrex-configurator.vyrex-inline-mobile #sidenav #sidenav-bottom .inner-bottom .option .choices:not(.choices-fullscreen) {
    background-color: #fff;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .12);
  }
  /* lijstopmaak gelijk aan de desktop-menukolom (Tinoush 13-10): compacte regels, tabnaam staat al in de balk */
  #vyrex-configurator.vyrex-inline-mobile .choices-fullscreen h2,
  #vyrex-configurator.vyrex-inline-mobile .choices-fullscreen .gradient,
  #vyrex-configurator.vyrex-inline-mobile .choices-fullscreen .tab-option-close-btn,
  #vyrex-configurator.vyrex-inline-mobile .choices-fullscreen br { display: none !important; }
  #vyrex-configurator.vyrex-inline-mobile .choices-fullscreen .tab-option-wrapper > p.pt-2,
  #vyrex-configurator.vyrex-inline-mobile .choices-fullscreen form > p.pt-2 { display: none; }
  #vyrex-configurator.vyrex-inline-mobile .choices-fullscreen .tab-option-wrapper { height: auto; overflow: visible; padding: 0 1rem; }
  #vyrex-configurator.vyrex-inline-mobile .choices-fullscreen h3 {
    padding: 0 !important;
    margin: 0 0 .6rem;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: .4px;
    text-transform: uppercase;
    color: #1a2035 !important;
    line-height: 1.35;
  }
  #vyrex-configurator.vyrex-inline-mobile .choices-fullscreen ul { padding: 0 !important; margin: 0 0 .75rem; }
  #vyrex-configurator.vyrex-inline-mobile .choices-fullscreen ul li {
    background: #fff;
    border-width: 1px;
    margin-bottom: .5rem;
    padding: .55rem .75rem;
    font-size: 14px;
    line-height: 1.35;
    gap: .25rem .5rem;
  }
  #vyrex-configurator.vyrex-inline-mobile .choices-fullscreen ul li .choice-label {
    flex: 1 1 0;
    min-width: 0;
    max-width: none;
    padding: 0;
    margin-left: .5rem !important;
    margin-bottom: 0;
    text-align: left;
  }
  #vyrex-configurator.vyrex-inline-mobile .choices-fullscreen ul li input { top: 50% !important; }
  #vyrex-configurator.vyrex-inline-mobile .choices-fullscreen ul li b { font-size: 14px; white-space: nowrap; }
  #vyrex-configurator.vyrex-inline-mobile .choices-fullscreen ul li p {
    padding: 0 0 0 36px !important;
    margin: .15rem 0 0;
    font-size: 12px;
    line-height: 1.4;
    opacity: .75;
  }
  #vyrex-configurator.vyrex-inline-mobile .choices-fullscreen ul li .vyrex-radio-btn.d-none + .choice-label { margin-left: 0 !important; }
  #vyrex-configurator.vyrex-inline-mobile .choices-fullscreen ul li .defaultPrice { font-size: 12px; }
  #vyrex-configurator.vyrex-inline-mobile .choices-fullscreen ul li p { text-align: left; }
  html.vyrex-list-open, html.vyrex-list-open body { overflow: hidden !important; }
}
@media screen and (max-width: 992px) {
  /* de configurator zit in een Divi-kolom met eigen z-index: zolang de lijst open is die keten boven latere secties/footer */
  html.vyrex-list-open .et_builder_inner_content:has(#vyrex-configurator),
  html.vyrex-list-open .et_pb_section:has(#vyrex-configurator),
  html.vyrex-list-open .et_pb_row:has(#vyrex-configurator),
  html.vyrex-list-open .et_pb_column:has(#vyrex-configurator),
  html.vyrex-list-open .et_pb_module:has(#vyrex-configurator) { position: relative; z-index: 99990 !important; }
}

/* #19679 r24 (Tinoush 20-10): op mobiel waren de kleurvakken (Color Deck/Hull/Cushions/...) een absolute strook van max 250px
   binnen de configurator (overflow: clip), waardoor de tweede rij kleuren wegviel en je niet kon scrollen. Nu net als
   STANDARD en de packs: vast onder de menubalk tot onderaan het scherm, zelf scrollbaar. */
@media screen and (max-width: 992px) {
  #vyrex-configurator.vyrex-inline-mobile #sidenav #sidenav-bottom .inner-bottom .option .choices:not(.choices-fullscreen) {
    position: fixed !important;
    top: var(--vyrex-list-top, 50%) !important;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: auto !important;
    max-height: none !important;
    padding: 1rem .5rem 1.5rem !important;
    overflow-y: auto !important;
    overflow-x: hidden;
    overscroll-behavior: contain;
    background-color: #f5f6f8 !important;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, .12);
    z-index: 997;
  }
}

/* #19679 r25 (Tinoush 20-10): op mobiel de boot over de volle breedte (was 80% met 1rem opvulling). Het vak groeit mee
   in de verhouding van de lagen (1200x800 = 3:2), zodat de boot niet over Load/Save heen valt. */
@media screen and (max-width: 992px) {
  #vyrex-configurator.vyrex-inline-mobile .boat-part > .boat-show {
    height: auto;
    aspect-ratio: 3 / 2;
  }
  #vyrex-configurator.vyrex-inline-mobile .boat-show img {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}

/* #19679 r26 (Tinoush 20-10, "ik kan hier niet scrollen"): in de volledig-scherm-configurator (/configurator/, #21406) is het
   optievak niet meer 380px hoog maar zo hoog als zijn inhoud (max-height none) en scrolt het linkerpaneel als geheel. Het vak
   hield wel overscroll-behavior: contain, waardoor Chrome het muiswiel boven de opties niet doorgaf aan het paneel. */
@media screen and (min-width: 993px) {
  html.dcs-fs body.dcs-fs-open .dcs-fs-host #vyrex-configurator #sidenav #sidenav-bottom .inner-bottom .option .choices {
    overscroll-behavior: auto;
  }
}

/* #19679 (20-10, Tinoush): menu PACKS. Pakketvinkje vet, de onderdelen eronder iets ingesprongen; per onderdeel geen "No"-regel meer. */
#vyrex-configurator .choices-fullscreen form.vyrex-part ul { margin-bottom: 0; }
#vyrex-configurator .choices-fullscreen form.vyrex-pack-master .choice-label { font-weight: 700; }
#vyrex-configurator .choices-fullscreen form.vyrex-pack-item li.vyrex-toggle { margin-left: 1.25rem; }
#vyrex-configurator .choices-fullscreen h3.vyrex-pack-title { margin-top: 1rem; }
#vyrex-configurator .choices-fullscreen h3.vyrex-pack-title:first-of-type { margin-top: 0; }
#vyrex-configurator .choices-fullscreen li.vyrex-toggle { cursor: pointer; }

/* #25621 (22-10, Tinoush): pakketkorting onder de pakketregel ("SEPARATELY € x" + "PACK DISCOUNT 15%: − € y"). */
#vyrex-configurator .choices-fullscreen p.vyrex-pack-saving s { text-decoration: line-through; }
#vyrex-configurator .choices-fullscreen p.vyrex-pack-saving b.vyrex-pack-discount { font-weight: 700; color: #1e7e34; }

/* #25621 (Tinoush 22-10): mobiel vegen tussen menu-items; de nieuwe lijst schuift kort in vanaf de veegkant. */
@keyframes vyrexSwipeNext { from { transform: translateX(48px); opacity: .35; } to { transform: none; opacity: 1; } }
@keyframes vyrexSwipePrev { from { transform: translateX(-48px); opacity: .35; } to { transform: none; opacity: 1; } }
@media (max-width: 992px) {
  #vyrex-configurator .vyrex-swipe-next { animation: vyrexSwipeNext .22s ease-out; }
  #vyrex-configurator .vyrex-swipe-prev { animation: vyrexSwipePrev .22s ease-out; }
}
/* #25621: reCAPTCHA v3-badge verborgen; de verplichte vermelding staat in het opslaanvenster (vyrex-recaptcha-note). */
.grecaptcha-badge { visibility: hidden !important; }
#vyrex-modal-host .vyrex-recaptcha-note, .vyrex-recaptcha-note { font-size: 11px; color: #6b7280; margin: 0 0 6px; }
#vyrex-modal-host .vyrex-recaptcha-note a, .vyrex-recaptcha-note a { color: inherit; text-decoration: underline; }

/* #25621 r38 (Tinoush 23-10): mobiel staat de disclaimer direct onder de boot, in de lege strook onderin het bootvak boven
   Load/Save (wens Andrés 21-10: altijd zichtbaar, ook met een lijst open). Korte tekst van 2 regels; schuift met een negatieve
   marge omhoog, zodat Load/Save en de balk op hun plek blijven. Elk model heeft op 360-390px minstens 43px lucht onder de romp.
   Menubalk: de tabs schuiven via margin-left; rechts stak de volgende tab buiten het donkere vak uit. overflow: hidden
   knipt dat af; de uitklaplijsten zijn position: fixed en vallen daar niet onder. */
@media screen and (max-width: 992px) {
  #vyrex-configurator.vyrex-inline-mobile #sidenav > .boat-header.vyrex-note-mobile {
    order: 4;
    display: block !important;
    position: relative;
    z-index: 5;
    pointer-events: none;
    margin: -36px 0 6px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border: 0;
    font-size: 11px;
    line-height: 1.35;
    color: #4b5263;
  }
  #vyrex-configurator.vyrex-inline-mobile #sidenav #sidenav-bottom { overflow: hidden; }
}