.catalog-entry { background: #f5f5f5; color: #606060; }
.catalog-entry__hero { position: relative; min-height: 360px; display: grid; place-items: center; text-align: center; color: #fff; padding: 60px 24px; }
.catalog-entry__hero picture, .catalog-entry__hero::after { position: absolute; inset: 0; }
.catalog-entry__hero img { width: 100%; height: 100%; object-fit: cover; }
.catalog-entry__hero::after { content: ''; background: rgba(0,0,0,.35); }
.catalog-entry__hero-copy { position: relative; z-index: 1; max-width: 640px; }
.catalog-entry__hero h1 { color: inherit; font-size: clamp(30px, 4vw, 52px); font-weight: 400; margin: 0 0 12px; }
.catalog-entry__hero .lixil-paragraph { margin: 0; font-size: 16px; line-height: 1.5; letter-spacing: 0;}
.catalog-entry__body { max-width: 1200px; margin: auto; padding: 48px 24px 80px; text-align: center; }
/*.catalog-entry h2 { font-size: 28px; line-height: 1.25; font-weight: 700; color: inherit; }*/
.catalog-entry__intro { margin: 28px 0 36px; color: #999; font-size: 18px; line-height: 1.5;}
.catalog-entry__panels { display: flex; flex-direction: column; }
.catalog-entry__steps { display: flex; flex-direction: column; gap: 0px; background: #fff; padding: 58px 16px; align-items: center; }
.catalog-entry__step { flex: 1; min-width: 0; position: relative; padding-top: 60px;}
.catalog-entry__step:first-of-type {padding-top: 0;}
.catalog-entry__step + .catalog-entry__step::before { content: ''; position: absolute; top: 21px; left: 50%; transform: translateX(-50%); width: 15px; height: 18px; background: url('../img/icons/arrow-down-gray.svg') no-repeat; background-size: 100% 100%; background-position: center;}
.catalog-entry__step-number { display: flex; align-items: center; gap: 10px; color: #B7B7B7; font-size: 16px; line-height: 1.5; }
.catalog-entry__step-number::before, .catalog-entry__step-number::after { content: ''; flex: 1; height: 1px; background: #B7B7B7; }
.catalog-entry__step.active .catalog-entry__step-number { color: #ef6d22; }
.catalog-entry__step h3 { font-size: 20px; line-height: 1.5; text-transform: uppercase; margin: 20px 0 10px; color: #757575; }
.catalog-entry__step p { color: #B7B7B7; margin: 0 0 20px 0; font-size: 18px; line-height:1.5 }
.catalog-entry__step select { width: 100%; height: 44px; padding: 0 12px; border: 1px solid #bbb; border-radius: 8px; background: #fff; color: #aaa; font-size: 13px; }
.catalog-entry__step:first-child select { background-color: #e3e3e3; color: #888; }
.catalog-entry__keyword { background: #414141; color: #fff; padding: 40px 24px; display: flex; flex-direction: column; justify-content: center; }
.catalog-entry__keyword h2 { margin: 0 0 32px; font-size: 26px; }
.catalog-entry__keyword p { color: #ccc; margin: 0 0 28px; }
.catalog-entry__keyword form { position: relative; display: flex; align-items: center; background: #fff; border: 1px solid #ccc; border-radius: 8px; }
.catalog-entry__keyword .screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.catalog-entry__keyword input[type=search] { flex: 1; min-width: 0; width: 100%; height: 48px; margin: 0; background: transparent; border: 0; border-radius: 8px; padding: 0 12px 0 16px; color: #444; font-size: 13px; }
.catalog-entry__keyword button { position: static; flex: 0 0 48px; width: 48px; height: 48px; margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; border: 0; background: transparent; color: #ef6d22; cursor: pointer; }
.catalog-entry__keyword button svg { display: block; width: 24px; height: 24px; flex-shrink: 0; }
.catalog-entry__keyword button:focus-visible, .catalog-entry__keyword input:focus-visible { outline: 2px solid #ef6d22; outline-offset: 3px; }
@media (max-width: 991px) {
    .catalog-entry__hero { min-height: 320px; }
    .catalog-entry__body { max-width: 640px; padding: 36px 22px 72px; }
    .catalog-entry__panels { grid-template-columns: 1fr; gap: 44px; }
    /*.catalog-entry__steps { flex-direction: column; gap: 56px; padding: 40px 16px; }*/
    .catalog-entry__step { width: 100%; }
    /*.catalog-entry__step + .catalog-entry__step::before { content: '↓'; position: absolute; top: -42px; left: 50%; transform: translateX(-50%); color: #ddd; font-size: 24px; }*/
    .catalog-entry__keyword { padding: 44px 16px; }
}
.catalog-entry__steps { flex-wrap: wrap; }
.catalog-entry__steps #catalog-browse-status { flex-basis: 100%; margin: 0; font-size: 14px; }
.catalog-entry__steps #catalog-browse-status:empty { display: none; }
.catalog-entry__steps > button { margin: auto; }
.catalog-entry__step select:enabled { color: #606060; cursor: pointer; }
.catalog-entry__step select {
    -webkit-appearance: none;
    appearance: none;
    padding-right: 40px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23606060' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 16px 16px;
}
.catalog-entry__step select:focus {
    outline: none;
    border-color: #888;
    box-shadow: 0 0 0 1px #888;
}
.catalog-entry__steps > button {margin-top: 60px;}
.catalog-entry__steps > button:disabled { opacity: .5; cursor: not-allowed; }

.catalog-entry__steps .form-select-type-1 .select2-container .select2-selection {border-radius: 10px; border-color: #979797; background-color: #E1E1E1;}
.catalog-entry__steps .form-select-type-1 .select2-container .select2-selection__rendered {text-align: center; font-family: 'TradeGothic_light', sans-serif !important; font-weight: 400 !important;color: #55585A;}
.catalog-entry__steps .form-select-type-1 .select2-container .select2-selection__arrow {
    width: 16px;
    height: 12px;
    margin-top: -6px;
    background: url(../img/icons/arrow-small.png) no-repeat;
    background-size: 100% 100%;
}
.catalog-entry__steps .form-select-type-1 .select2-container .select2-selection__arrow:before {display: none;}
.catalog-entry__steps .form-select-type-1 .select2-container.select2-container--open.select2-container--below .select2-selection {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.catalog-entry__steps .form-select-type-1 .select2-container.select2-container--open.select2-container--above .select2-selection {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.catalog-entry__steps .form-select-type-1 .select2-container.select2-container--disabled .select2-selection {background-color: #ffffff;}
.catalog-entry__steps .form-select-type-1 .select2-container.select2-container--disabled .select2-selection__rendered {color: #B7B7B7;}
.catalog-entry__steps .form-select-type-1 .select2-container.select2-container--disabled .select2-selection__arrow {
    height: 19px;
    margin-top: -8px;
    background: url(../img/icons/i-lock.png) no-repeat;
    background-size: 100% 100%;
}
.catalog-entry__steps .form-select-type-1 .select2-container.select2-container--below .select2-selection,
.catalog-entry__steps .form-select-type-1 .select2-container.select2-container--above .select2-selection {
    background-color: #EF6D22;
    border-color: #EF6D22;
}
.catalog-entry__steps .form-select-type-1 .select2-container.select2-container--below .select2-selection__rendered,
.catalog-entry__steps .form-select-type-1 .select2-container.select2-container--above .select2-selection__rendered {color: #ffffff;}
.catalog-entry__steps .form-select-type-1 .select2-container.select2-container--below .select2-selection__arrow,
.catalog-entry__steps .form-select-type-1 .select2-container.select2-container--above .select2-selection__arrow {
    width: 16px;
    height: 12px;
    margin-top: -6px;
    background: url(../img/icons/arrow-small-white.png) no-repeat;
    background-size: 100% 100%;
}
.catalog-entry__steps .form-select-type-1 .select2-container.select2-container--focus.select2-container--open .select2-selection {border-color: #979797; background-color: #E1E1E1;}
.catalog-entry__steps .form-select-type-1 .select2-container.select2-container--focus.select2-container--open .select2-selection__rendered  {color: #B7B7B7;}
.select2-container .select2-dropdown.dropdown-type-2 .select2-results .select2-results__option, .select2-container .select2-dropdown.dropdown-type-2-center .select2-results .select2-results__option {
    border-bottom: 0;
    margin-bottom: 0;
}
.catalog-entry__steps .form-select-type-1 .select2-container.select2-container--focus.select2-container--open .select2-selection__arrow {
    width: 16px;
    height: 12px;
    margin-top: -6px;
    background: url(../img/icons/arrow-small.png) no-repeat;
    background-size: 100% 100%;
}
@media (min-width: 768px) {
    .catalog-entry__hero .lixil-paragraph {font-size: 18px;}
    .catalog-entry__intro {font-size: 20px;}
}

@media (min-width: 992px) {
    .catalog-entry__intro {font-size: 22px;}
    .catalog-entry__steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-content: center; align-items: start; column-gap: 48px; row-gap: 24px; padding: 64px 24px;}
    .catalog-entry__step {padding-top: 0;}
    .catalog-entry__step + .catalog-entry__step::before {
        top: 50%;
        left: -32px;
        transform: translateX(0) rotate(-90deg);
    }
    .catalog-entry__step h3 { min-height: 44px; display: flex; align-items: center; justify-content: flex-start; }
    .catalog-entry__step h3 label { margin: 0; }
    .catalog-entry__step p {text-align: left;}
    .catalog-entry__steps #catalog-browse-status,
    .catalog-entry__steps > button { grid-column: 1 / -1; margin-top: 0px; }
    .catalog-entry__step-number::before {display: none;}
}

@media (min-width: 1200px) {
    .catalog-entry__hero .lixil-paragraph {font-size: 20px;}
    .catalog-entry__intro {font-size: 24px;}
    .catalog-entry__steps {padding: 64px 32px; column-gap: 56px;}
    .catalog-entry__step + .catalog-entry__step::before {left: -34px;}
}

@media (min-width: 1400px) {
    .catalog-entry__steps {padding: 64px 48px; column-gap: 84px;}
    .catalog-entry__step + .catalog-entry__step::before {
        width: 20px;
        height: 24px;
        left: -54px;
    }
}

.modal .modal-dialog .modal-body .forms-addtolist {
    display: block;
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
}
.modal .modal-dialog .modal-body .forms-addtolist .form-check .form-check__wrp {
    width: 100%;
    padding-left: 0;
}
.modal .modal-dialog .modal-body .forms-addtolist .form-check .form-check-input:before,
.modal .modal-dialog .modal-body .forms-addtolist .form-check .form-check-input:after {display: none;}
.modal .modal-dialog .modal-body .forms-addtolist .form-check .form-check-label {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    color: #55585A;
    font-family: 'TradeGothic_regular', sans-serif !important;
    font-weight: 400 !important;
    padding: 15px 16px;
    text-align: center;
    border-radius: 10px;
    border: 1px solid #979797;
    background-color: #ffffff;
}
.modal .modal-dialog .modal-body .forms-addtolist .form-check:hover .form-check-label {
    cursor: pointer;
    background-color: #979797;
    color: #55585A;
}
.modal .modal-dialog .modal-body .forms-addtolist .form-check .form-check-input:checked + .form-check-label {
    color: #ffffff;
    border-color: #EF6D22;
    background-color: #EF6D22;
    font-family: 'TradeGothic_bold', sans-serif !important;
    font-weight: 700 !important;
}
.modal .modal-dialog .modal-body .forms-addtolist .btn-action {
    display: block;
    width: 100%;
    background-color: #EF6D22;
    border: 1px solid #EF6D22;
    border-radius: 9999px;

    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: center;

    padding: 15px 16px;
}
.modal .modal-dialog .modal-body .forms-addtolist .btn-action span {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    letter-spacing: inherit;
    text-align: inherit;
}