/* =========================================================
   P912 VALUATION SIDE TAB V1
========================================================= */

.p912-valuation{
    --valuation-width:480px;

    position:relative;
    z-index:1210;
}

.p912-valuation__tab{
    position:fixed;
    left:0;
    top:42%;

    z-index:1211;

    display:flex;
    align-items:center;
    gap:10px;

    border:0;
    padding:14px 12px 14px 16px;

    border-radius:0 18px 18px 0;

    background:#00a651;
    color:#fff;

    box-shadow:
        0 14px 36px rgba(0,90,45,.24);

    cursor:pointer;

    font:inherit;
}

.p912-valuation__tab i{
    font-size:19px;
}

.p912-valuation__tab span{
    display:flex;
    flex-direction:column;
    align-items:flex-start;

    font-size:14px;
    line-height:1.45;
}

.p912-valuation__tab strong{
    font-size:15px;
    font-weight:900;
}

.p912-valuation__backdrop{
    position:fixed;
    inset:0;

    z-index:1212;

    background:rgba(12,25,19,.42);
    backdrop-filter:blur(5px);

    opacity:0;
    visibility:hidden;

    transition:
        opacity .22s ease,
        visibility .22s ease;
}

.p912-valuation__panel{
    position:fixed;
    inset-block:0;
    left:0;

    width:min(
        var(--valuation-width),
        calc(100vw - 32px)
    );

    z-index:1213;

    background:#fff;

    box-shadow:
        18px 0 60px rgba(14,40,28,.20);

    transform:translateX(-105%);

    transition:
        transform .28s cubic-bezier(.22,.75,.28,1);

    display:flex;
    flex-direction:column;

    outline:none;
}

.p912-valuation.is-open
.p912-valuation__backdrop{
    opacity:1;
    visibility:visible;
}

.p912-valuation.is-open
.p912-valuation__panel{
    transform:translateX(0);
}

.p912-valuation__header{
    position:sticky;
    top:0;

    z-index:4;

    min-height:82px;

    padding:17px 20px;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;

    border-bottom:1px solid #e5ebe8;

    background:rgba(255,255,255,.96);
    backdrop-filter:blur(14px);
}

.p912-valuation__title{
    display:flex;
    align-items:center;
    gap:13px;
}

.p912-valuation__icon{
    width:46px;
    height:46px;

    border-radius:14px;

    display:grid;
    place-items:center;

    background:#edf9f3;
    color:#008f46;

    font-size:19px;
}

.p912-valuation__title small{
    display:block;

    margin-bottom:2px;

    color:#718078;
    font-size:13px;
    font-weight:700;
}

.p912-valuation__title h2{
    margin:0;

    color:#15271f;

    font-size:20px;
    line-height:1.45;
    font-weight:900;
}

.p912-valuation__close{
    width:42px;
    height:42px;

    flex:0 0 auto;

    display:grid;
    place-items:center;

    border:1px solid #dfe7e3;
    border-radius:12px;

    background:#fff;
    color:#273930;

    font-size:20px;
    cursor:pointer;
}

.p912-valuation__body{
    flex:1;
    overflow:auto;

    padding:25px 22px 34px;
}

.p912-valuation__intro{
    margin-bottom:20px;
}

.p912-valuation__badge{
    display:inline-flex;

    padding:7px 11px;

    border-radius:999px;

    background:#fff3d8;
    color:#805900;

    font-size:13px;
    font-weight:900;
}

.p912-valuation__intro h3{
    margin:15px 0 8px;

    font-size:22px;
    line-height:1.55;
    font-weight:900;

    color:#172a21;
}

.p912-valuation__intro p{
    margin:0;

    color:#5f7067;

    font-size:16px;
    line-height:1.95;
}

.p912-valuation__notice{
    margin:20px 0 24px;
    padding:15px;

    display:flex;
    align-items:flex-start;
    gap:12px;

    border:1px solid #f0d89d;
    border-radius:16px;

    background:#fffaf0;
}

.p912-valuation__notice > i{
    margin-top:3px;

    color:#c68b00;
    font-size:19px;
}

.p912-valuation__notice strong{
    display:block;

    margin-bottom:5px;

    font-size:16px;
    font-weight:900;
    color:#684900;
}

.p912-valuation__notice p{
    margin:0;

    color:#705e36;

    font-size:15px;
    line-height:1.85;
}

.p912-valuation__form{
    display:grid;
    gap:20px;
}

.p912-valuation__field > span,
.p912-valuation__condition legend{
    display:block;

    margin-bottom:8px;

    color:#25372e;

    font-size:15px;
    font-weight:850;
}

.p912-valuation__input{
    min-height:54px;

    display:flex;
    align-items:center;
    gap:10px;

    padding:0 14px;

    border:1px solid #dbe5df;
    border-radius:14px;

    background:#fff;
}

.p912-valuation__input:focus-within{
    border-color:#00a651;

    box-shadow:
        0 0 0 4px rgba(0,166,81,.10);
}

.p912-valuation__input i{
    color:#789087;
    font-size:17px;
}

.p912-valuation__input input{
    width:100%;

    border:0;
    outline:0;

    background:transparent;

    font:inherit;
    font-size:17px;
    font-weight:800;

    color:#162920;
}

.p912-valuation__field small{
    display:block;

    margin-top:7px;

    color:#7b8982;

    font-size:13px;
    line-height:1.7;
}

.p912-valuation__condition{
    border:0;
    padding:0;
    margin:0;
}

.p912-valuation__condition{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}

.p912-valuation__condition legend{
    grid-column:1/-1;
}

.p912-valuation__condition label{
    cursor:pointer;
}

.p912-valuation__condition input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}

.p912-valuation__condition label span{
    min-height:48px;

    display:grid;
    place-items:center;

    border:1px solid #dfe7e3;
    border-radius:13px;

    background:#fff;

    color:#46594f;

    font-size:15px;
    font-weight:800;
}

.p912-valuation__condition
input:checked + span{
    border-color:#00a651;
    background:#edf9f3;
    color:#06763f;
}

.p912-valuation__submit{
    min-height:55px;

    border:0;
    border-radius:14px;

    padding:0 18px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;

    background:#00a651;
    color:#fff;

    font:inherit;
    font-size:16px;
    font-weight:900;

    cursor:pointer;

    box-shadow:
        0 12px 28px rgba(0,166,81,.18);
}

.p912-valuation__result{
    margin-top:26px;
}

.p912-valuation__result-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;

    margin-bottom:12px;
}

.p912-valuation__result-head span{
    font-size:16px;
    font-weight:900;
}

.p912-valuation__result-head strong{
    padding:6px 9px;

    border-radius:999px;

    background:#fff3d8;
    color:#805900;

    font-size:12px;
    font-weight:900;
}

.p912-valuation__price{
    padding:18px;

    border-radius:18px;

    background:#f2faf6;

    text-align:center;
}

.p912-valuation__price small{
    display:block;

    margin-bottom:6px;

    color:#6b7e73;
    font-size:14px;
}

.p912-valuation__price-range{
    font-size:25px;
    font-weight:950;
    color:#086b3c;
    line-height:1.5;
}

.p912-valuation__price > span{
    display:block;

    margin-top:3px;

    color:#50645a;
    font-size:14px;
    font-weight:800;
}

.p912-valuation__features{
    margin-top:14px;

    display:flex;
    flex-wrap:wrap;
    gap:7px;
}

.p912-valuation__freshness{
    margin-top:16px;

    display:flex;
    align-items:center;
    gap:7px;

    color:#697a71;

    font-size:13px;
}

.p912-valuation__result-warning{
    margin-top:15px;
    padding:13px;

    display:flex;
    gap:9px;

    border-radius:14px;

    background:#f7f8f7;

    color:#596960;
}

.p912-valuation__result-warning p{
    margin:0;

    font-size:14px;
    line-height:1.8;
}

body.p912-valuation-lock{
    overflow:hidden;
}


@media (max-width: 720px){

    .p912-valuation{
        --valuation-width:100vw;
    }

    .p912-valuation__tab{
        top:auto;
        bottom:92px;

        padding:12px 13px;

        border-radius:0 15px 15px 0;
    }

    .p912-valuation__tab span{
        font-size:13px;
    }

    .p912-valuation__tab strong{
        font-size:14px;
    }

    .p912-valuation__panel{
        width:100vw;
        max-width:none;

        height:100dvh;
        min-height:100dvh;
    }

    .p912-valuation__header{
        min-height:74px;

        padding:
            max(13px,env(safe-area-inset-top))
            16px
            13px;
    }

    .p912-valuation__title h2{
        font-size:18px;
    }

    .p912-valuation__body{
        padding:
            20px
            17px
            calc(28px + env(safe-area-inset-bottom));
    }

    .p912-valuation__intro h3{
        font-size:20px;
    }

    .p912-valuation__intro p{
        font-size:16px;
    }

}


@media (prefers-reduced-motion: reduce){

    .p912-valuation__panel,
    .p912-valuation__backdrop{
        transition:none;
    }

}


/*
 * ==========================================================
 * P912_VALUATION_CONFIDENCE_UI_V1
 * ==========================================================
 */

.p912-valuation__confidence{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    width:100%;
    margin-top:10px;
    padding:10px 12px;
    border:1px solid rgba(15,23,42,.08);
    border-radius:12px;
    background:rgba(248,250,252,.92);
    color:#475569;
    font-size:12px;
    font-weight:700;
    line-height:1.8;
}

.p912-valuation__confidence[hidden]{
    display:none!important;
}

[data-valuation-currency][hidden]{
    display:none!important;
}