/* P912_FRONT_FINAL_V2 */
/* MCI + Dropdown + Dock + Header */

:root{
    --p912-blue:#0095DA;
    --p912-blue-deep:#295CAB;
    --p912-orange:#FF4F00;
    --p912-orange-hover:#E84600;
    --p912-text:#26343C;
    --p912-muted:#758993;
    --p912-line:rgba(0,149,218,.12);
    --p912-soft:#F5FAFD;
}

body{
    color:var(--p912-text);
}

a{
    text-decoration:none;
}

/* DROPDOWN */

.p912-market-dropdown{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    padding:18px 22px;
    border-bottom:1px solid var(--p912-line);
    background:#fbfdfe;
}

.p912-market-dropdown label{
    display:flex;
    align-items:center;
    gap:12px;
}

.p912-market-dropdown label>span{
    color:var(--p912-muted);
    font-size:.56rem;
    font-weight:800;
}

.p912-market-dropdown__field{
    position:relative;
    min-width:210px;
}

.p912-market-dropdown select{
    width:100%;
    height:46px;
    appearance:none;
    padding:0 16px 0 42px;
    border:1px solid var(--p912-line);
    border-radius:14px;
    outline:0;
    background:#fff;
    color:var(--p912-blue-deep);
    font-weight:900;
    cursor:pointer;
}

.p912-market-dropdown__field i{
    position:absolute;
    left:15px;
    top:50%;
    transform:translateY(-50%);
    color:var(--p912-orange);
    pointer-events:none;
}

.p912-market-dropdown>a{
    color:var(--p912-blue);
    font-size:.58rem;
    font-weight:900;
}

/* GLOBAL DOCK */

.p912-global-dock{
    position:fixed!important;
    right:50%!important;
    left:auto!important;

    bottom:
        var(--p912-dock-bottom,16px)!important;

    transform:translateX(50%)!important;

    width:min(920px,calc(100vw - 32px))!important;

    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;

    gap:7px!important;
    padding:7px!important;

    border:1px solid rgba(0,149,218,.14)!important;
    border-radius:20px!important;

    background:rgba(255,255,255,.95)!important;

    backdrop-filter:blur(18px);

    box-shadow:
        0 18px 55px
        rgba(41,92,171,.16)!important;

    z-index:980!important;
}

.p912-global-dock__search,
.p912-global-dock__compare{
    width:100%!important;
    min-width:0!important;
    min-height:54px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;

    margin:0!important;
    border:0!important;
    border-radius:14px!important;

    color:#fff!important;
    font-size:.62rem!important;
    font-weight:900!important;
}

.p912-global-dock__search{
    background:var(--p912-blue)!important;
}

.p912-global-dock__search:hover{
    background:var(--p912-blue-deep)!important;
}

.p912-global-dock__compare{
    background:var(--p912-orange)!important;
}

.p912-global-dock__compare:hover{
    background:var(--p912-orange-hover)!important;
}

.p912-global-dock__compare b{
    min-width:20px!important;
    height:20px!important;
    display:grid!important;
    place-items:center!important;
    margin:0!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.18)!important;
    color:#fff!important;
}

/* HEADER */

.p912-utility{
    background:#f7fbfd!important;
    border-bottom:1px solid rgba(0,149,218,.07);
}

.p912-header-main{
    background:rgba(255,255,255,.98)!important;
}

.p912-brand img{
    width:60px!important;
    height:60px!important;
    object-fit:contain;
    border-radius:14px!important;
}

.p912-brand strong{
    color:var(--p912-blue-deep)!important;
}

.p912-brand small{
    color:var(--p912-orange)!important;
}

.p912-global-search{
    border:1px solid var(--p912-line)!important;
    border-radius:14px!important;
    background:var(--p912-soft)!important;
}

.p912-global-search button{
    background:var(--p912-blue)!important;
    border-radius:11px!important;
}

.p912-listing-cta{
    background:var(--p912-orange)!important;
}

.p912-back-site{
    color:var(--p912-blue-deep)!important;
}

/* MOBILE HEADER */

.p912-mobile-topbar{
    min-height:66px;
    background:#fff!important;
    border-bottom:1px solid rgba(0,149,218,.08);
}

.p912-mobile-logo{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    min-width:0;
}

.p912-mobile-logo img{
    width:43px!important;
    height:43px!important;
    flex:none;
    border-radius:11px!important;
}

.p912-mobile-slogan{
    display:block!important;
    max-width:150px;
    color:var(--p912-orange)!important;
    font-size:.46rem!important;
    font-weight:900!important;
    line-height:1.45;
    white-space:normal!important;
}

.p912-mobile-menu{
    width:40px!important;
    height:40px!important;
    border:1px solid var(--p912-line)!important;
    border-radius:12px!important;
    background:var(--p912-soft)!important;
    color:var(--p912-blue-deep)!important;
}

/* DRAWER */

.mobile-drawer__panel{
    width:min(390px,89vw)!important;
    background:#fff!important;
    border-left:1px solid var(--p912-line)!important;
    box-shadow:-25px 0 80px rgba(41,92,171,.15)!important;
}

.p912-mobile-brand strong{
    color:var(--p912-blue-deep)!important;
}

.p912-mobile-brand small{
    color:var(--p912-orange)!important;
}

.p912-mobile-nav>a{
    border-radius:13px!important;
    color:var(--p912-text)!important;
}

.p912-mobile-nav>a:hover{
    background:rgba(0,149,218,.06)!important;
    color:var(--p912-blue)!important;
}

.p912-mobile-nav>a i{
    color:var(--p912-blue)!important;
}

.p912-mobile-codes{
    padding:14px;
    border:1px solid var(--p912-line);
    border-radius:16px;
    background:var(--p912-soft);
}

.p912-mobile-codes>div{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:6px;
    margin-top:9px;
}

.p912-mobile-codes a{
    min-height:36px;
    display:grid;
    place-items:center;
    border:1px solid var(--p912-line);
    border-radius:10px;
    background:#fff;
    color:var(--p912-blue-deep)!important;
    font-weight:900;
}

.p912-mobile-cta a{
    background:var(--p912-orange)!important;
    border-radius:14px!important;
}

@media(max-width:650px){

    .p912-market-dropdown{
        align-items:stretch;
        flex-direction:column;
        gap:10px;
        padding:14px;
    }

    .p912-market-dropdown label{
        display:block;
    }

    .p912-market-dropdown label>span{
        display:block;
        margin-bottom:7px;
    }

    .p912-market-dropdown__field{
        width:100%;
        min-width:0;
    }

    .p912-market-dropdown>a{
        align-self:flex-start;
    }

    .p912-global-dock{
        width:calc(100vw - 14px)!important;
        bottom:var(--p912-dock-bottom,8px)!important;
        padding:6px!important;
        gap:6px!important;
        border-radius:17px!important;
    }

    .p912-global-dock__search,
    .p912-global-dock__compare{
        min-height:50px!important;
        border-radius:12px!important;
        font-size:.56rem!important;
    }

    .p912-mobile-actions
    .p912-mobile-add span{
        display:none;
    }
}


/* ==========================================================
   P912_HERO_MARKET_LUXURY_FINAL
   ========================================================== */

/* HERO */

.p912-rond-hero{
    padding:22px 0 72px!important;
    background:
        linear-gradient(
            180deg,
            #f5fbfe 0%,
            #fff 78%
        )!important;
}

.p912-rond-hero__shell{
    position:relative;
    min-height:610px!important;
    padding:42px 50px 58px!important;
    overflow:hidden;

    border:
        1px solid rgba(0,149,218,.11)!important;

    border-radius:34px!important;

    background:
        linear-gradient(
            135deg,
            #fff 0%,
            #fbfdff 58%,
            #f3faff 100%
        )!important;

    box-shadow:
        0 34px 100px
        rgba(41,92,171,.09)!important;
}

.p912-rond-hero__shell::after{
    content:"0912";
    position:absolute;
    left:-30px;
    bottom:-66px;

    color:rgba(0,149,218,.035);

    font-size:13rem;
    font-weight:900;
    line-height:1;

    pointer-events:none;
}

.p912-rond-hero__top h1{
    margin:9px 0 7px!important;

    color:var(--p912-blue-deep)!important;

    font-size:
        clamp(1.45rem,2.3vw,2.15rem)!important;

    letter-spacing:-.045em!important;
}

.p912-rond-hero__top p{
    max-width:570px!important;
    color:var(--p912-muted)!important;
}

.p912-rond-hero__live{
    border:
        1px solid var(--p912-line)!important;

    border-radius:999px!important;

    background:#fff!important;

    color:var(--p912-muted)!important;

    box-shadow:
        0 8px 25px
        rgba(41,92,171,.05)!important;
}

.p912-rond-hero__main{
    grid-template-columns:
        minmax(0,1fr)
        290px!important;

    gap:55px!important;
    align-items:center!important;
}

.p912-rond-hero__number{
    margin-top:24px!important;

    color:var(--p912-blue-deep)!important;

    font-size:
        clamp(4.7rem,8.7vw,8rem)!important;

    font-weight:900!important;
    line-height:.88!important;
    letter-spacing:-.085em!important;

    text-shadow:
        0 18px 45px
        rgba(41,92,171,.07);
}

.p912-rond-hero__source span{
    color:var(--p912-blue)!important;
}

.p912-rond-hero__source i{
    background:var(--p912-orange)!important;
}

.p912-rond-hero__pattern{
    margin-top:26px!important;
}

.p912-rond-hero__pattern span{
    border:0!important;
    background:transparent!important;
    color:#768b96!important;
}

.p912-rond-hero__pattern span:first-child{
    color:var(--p912-blue)!important;
}

.p912-rond-hero__price{
    position:relative;

    padding:10px 0!important;

    border:0!important;
    border-radius:0!important;

    background:transparent!important;

    box-shadow:none!important;
}

.p912-rond-hero__price::before{
    content:"";
    position:absolute;

    right:-28px;
    top:0;
    bottom:0;

    width:1px;

    background:
        linear-gradient(
            transparent,
            rgba(0,149,218,.25),
            transparent
        );
}

.p912-rond-hero__price>small{
    color:#80939d!important;
}

.p912-rond-hero__price>strong{
    color:var(--p912-blue-deep)!important;

    font-size:
        clamp(1.65rem,2.8vw,2.45rem)!important;
}

.p912-rond-hero__estimate{
    margin-top:22px!important;
    padding-top:18px!important;

    border-top:
        1px solid rgba(0,149,218,.10)!important;
}

.p912-rond-hero__estimate span{
    color:var(--p912-blue)!important;
}

.p912-rond-hero__bottom{
    padding-top:22px!important;

    border-top:
        1px solid rgba(0,149,218,.08)!important;
}

.p912-rond-hero__metrics{
    gap:0!important;
}

.p912-rond-hero__metrics>div{
    padding:0 18px!important;

    border:0!important;
    border-radius:0!important;

    background:transparent!important;
}

.p912-rond-hero__metrics>div+div{
    border-right:
        1px solid rgba(0,149,218,.10)!important;
}

.p912-rond-hero__metrics strong{
    color:var(--p912-blue-deep)!important;
}

.p912-rond-hero__actions a{
    min-height:46px!important;

    border-radius:13px!important;
}

.p912-rond-hero__actions
a:not(.is-secondary){
    background:var(--p912-blue)!important;

    box-shadow:
        0 12px 28px
        rgba(0,149,218,.16)!important;
}

.p912-rond-hero__actions
a.is-secondary{
    color:var(--p912-blue-deep)!important;

    border:
        1px solid var(--p912-line)!important;
}

.p912-rond-hero__dots
button.is-active{
    background:var(--p912-orange)!important;
}

.p912-rond-hero__progress{
    height:2px!important;

    background:
        linear-gradient(
            90deg,
            var(--p912-blue),
            var(--p912-orange)
        )!important;
}


/* MARKET SECTION */

.p912-market-explorer{
    padding:74px 0 88px!important;

    background:#fff!important;
}

.p912-market-explorer
.p912-heading--row{
    margin-bottom:28px;
    padding-bottom:22px;

    border-bottom:
        1px solid rgba(0,149,218,.09);
}

.p912-market-explorer
.p912-heading span{
    color:var(--p912-orange)!important;
}

.p912-market-explorer
.p912-heading h2{
    color:var(--p912-blue-deep)!important;

    font-size:
        clamp(1.55rem,2.7vw,2.35rem)!important;

    letter-spacing:-.04em;
}

.p912-market-explorer
.p912-heading p{
    color:var(--p912-muted)!important;
}

.p912-market-explorer__layout{
    grid-template-columns:
        minmax(0,1fr)
        310px!important;

    gap:22px!important;
}

.p912-market-board{
    overflow:hidden;

    border:
        1px solid var(--p912-line)!important;

    border-radius:25px!important;

    background:#fff!important;

    box-shadow:
        0 22px 64px
        rgba(41,92,171,.06)!important;
}

.p912-market-list__head{
    padding:12px 22px!important;

    background:#f7fbfd!important;

    color:#8da0aa!important;
}

.p912-market-row{
    min-height:68px;

    padding:14px 22px!important;

    border-bottom:
        1px solid rgba(0,149,218,.07)!important;

    background:#fff!important;
}

.p912-market-row:hover{
    background:
        rgba(0,149,218,.025)!important;
}

.p912-market-row strong{
    color:var(--p912-blue-deep)!important;
}

.p912-market-row i{
    color:var(--p912-orange)!important;
}

.p912-market-filter{
    padding:21px!important;

    border:
        1px solid var(--p912-line)!important;

    border-radius:24px!important;

    background:
        linear-gradient(
            145deg,
            #fff,
            #f6fbfe
        )!important;

    box-shadow:
        0 18px 55px
        rgba(41,92,171,.06)!important;
}

.p912-market-filter header>i{
    color:var(--p912-orange)!important;
}

.p912-market-filter input,
.p912-market-filter select{
    border:
        1px solid var(--p912-line)!important;

    background:#fff!important;
}

.p912-market-filter button{
    background:var(--p912-blue)!important;
}

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


/* RESPONSIVE HERO + MARKET */

@media(max-width:900px){

    .p912-rond-hero__shell{
        min-height:680px!important;

        padding:
            30px 28px 58px!important;
    }

    .p912-rond-hero__main{
        grid-template-columns:1fr!important;
        gap:26px!important;
    }

    .p912-rond-hero__price{
        padding-top:20px!important;

        border-top:
            1px solid rgba(0,149,218,.09)!important;
    }

    .p912-rond-hero__price::before{
        display:none;
    }

    .p912-market-explorer__layout{
        grid-template-columns:1fr!important;
    }
}

@media(max-width:650px){

    .p912-rond-hero{
        padding:12px 0 48px!important;
    }

    .p912-rond-hero__shell{
        min-height:675px!important;

        padding:
            22px 16px 54px!important;

        border-radius:23px!important;
    }

    .p912-rond-hero__shell::after{
        font-size:8rem;
        bottom:-35px;
    }

    .p912-rond-hero__top{
        align-items:flex-start!important;
    }

    .p912-rond-hero__live{
        display:none!important;
    }

    .p912-rond-hero__number{
        margin-top:22px!important;

        font-size:
            clamp(
                3rem,
                15vw,
                4.7rem
            )!important;
    }

    .p912-rond-hero__bottom{
        gap:18px!important;
    }

    .p912-rond-hero__metrics{
        width:100%!important;

        display:grid!important;

        grid-template-columns:
            repeat(3,1fr)!important;
    }

    .p912-rond-hero__metrics>div{
        padding:0 8px!important;
    }

    .p912-rond-hero__actions{
        width:100%!important;

        display:grid!important;

        grid-template-columns:
            repeat(2,minmax(0,1fr))!important;
    }

    .p912-rond-hero__actions a{
        min-width:0!important;
    }

    .p912-market-explorer{
        padding:52px 0 68px!important;
    }

    .p912-market-explorer
    .p912-heading--row{
        align-items:flex-start;
        flex-direction:column;
        gap:12px;
    }

    .p912-market-board{
        border-radius:19px!important;
    }

    .p912-market-row{
        padding:13px 14px!important;
    }

    .p912-market-filter{
        border-radius:19px!important;
    }
}


/* ==========================================================
   P912_ACCOUNT_AUTH_LUXURY_FINAL
   ========================================================== */

body.page-account{
    background:
        linear-gradient(
            180deg,
            #f5fbfe 0,
            #fff 420px
        )!important;
}


/* LOGIN / REGISTER */

.auth-page{
    background:
        radial-gradient(
            circle at 85% 10%,
            rgba(0,149,218,.08),
            transparent 35%
        ),
        #f8fcfe!important;
}

.auth-card{
    border:
        1px solid rgba(0,149,218,.11)!important;

    border-radius:28px!important;

    background:
        rgba(255,255,255,.98)!important;

    box-shadow:
        0 30px 90px
        rgba(41,92,171,.10)!important;
}

.auth-card__head>span{
    color:var(--p912-orange)!important;
}

.auth-card__head h1{
    color:var(--p912-blue-deep)!important;
}

.auth-card__head p{
    color:var(--p912-muted)!important;
}

.auth-form input{
    border:
        1px solid var(--p912-line)!important;

    border-radius:13px!important;

    background:#fbfdfe!important;

    color:var(--p912-text)!important;
}

.auth-form input:focus{
    border-color:
        var(--p912-blue)!important;

    background:#fff!important;

    box-shadow:
        0 0 0 3px
        rgba(0,149,218,.07)!important;
}

.auth-form button{
    border-radius:13px!important;

    background:
        var(--p912-blue)!important;

    box-shadow:
        0 13px 30px
        rgba(0,149,218,.17)!important;
}

.auth-form button:hover{
    background:
        var(--p912-blue-deep)!important;
}

.auth-links a{
    color:var(--p912-blue)!important;
}


/* FORGOT / RESET */

.p912-reset{
    background:
        linear-gradient(
            180deg,
            #f4fafe,
            #fff
        )!important;
}

.p912-reset__card{
    border:
        1px solid var(--p912-line)!important;

    border-radius:28px!important;

    background:#fff!important;

    box-shadow:
        0 30px 90px
        rgba(41,92,171,.10)!important;
}

.p912-reset__brand strong,
.p912-reset__card h1{
    color:
        var(--p912-blue-deep)!important;
}

.p912-reset__brand small,
.p912-reset__card header>span{
    color:
        var(--p912-orange)!important;
}

.p912-reset__form input{
    border:
        1px solid var(--p912-line)!important;

    border-radius:13px!important;

    background:#fbfdfe!important;
}

.p912-reset__form input:focus{
    border-color:
        var(--p912-blue)!important;
}

.p912-reset__form button{
    border-radius:13px!important;

    background:
        var(--p912-blue)!important;
}

.p912-reset__back{
    color:
        var(--p912-blue-deep)!important;
}


/* ACCOUNT CREATE / EDIT */

.account-create,
.account-edit-listing{
    padding-top:38px!important;
}

.account-create__eyebrow,
.account-edit-listing__eyebrow{
    color:
        var(--p912-orange)!important;
}

.account-create__top h1,
.account-edit-listing__head h1{
    color:
        var(--p912-blue-deep)!important;
}

.account-create__top p,
.account-edit-listing__head p{
    color:
        var(--p912-muted)!important;
}

.account-create__back,
.account-edit-listing__back{
    border:
        1px solid var(--p912-line)!important;

    border-radius:12px!important;

    background:#fff!important;

    color:
        var(--p912-blue-deep)!important;
}

.account-create-card,
.account-edit-card,
.account-create-guide,
.account-create-security{
    border:
        1px solid rgba(0,149,218,.10)!important;

    border-radius:24px!important;

    background:#fff!important;

    box-shadow:
        0 18px 55px
        rgba(41,92,171,.055)!important;
}

.account-create-card__head>span,
.account-edit-card>header>span{
    background:
        rgba(0,149,218,.08)!important;

    color:
        var(--p912-blue)!important;
}

.account-create-card__head h2,
.account-edit-card>header h2{
    color:
        var(--p912-blue-deep)!important;
}

.account-field input,
.account-field select,
.account-field textarea,
.account-edit-field input,
.account-edit-field select,
.account-edit-field textarea{
    border:
        1px solid var(--p912-line)!important;

    border-radius:12px!important;

    background:#fbfdfe!important;

    color:
        var(--p912-text)!important;
}

.account-field input:focus,
.account-field select:focus,
.account-field textarea:focus,
.account-edit-field input:focus,
.account-edit-field select:focus,
.account-edit-field textarea:focus{
    border-color:
        var(--p912-blue)!important;

    background:#fff!important;

    box-shadow:
        0 0 0 3px
        rgba(0,149,218,.06)!important;
}


/* OWNERSHIP READ ONLY */

.account-ownership-readonly__value{
    min-height:64px;

    display:flex;
    align-items:center;

    gap:12px;

    padding:12px 14px;

    border:
        1px solid rgba(0,149,218,.13);

    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            rgba(0,149,218,.055),
            rgba(255,255,255,.98)
        );
}

.account-ownership-readonly__value>i{
    width:38px;
    height:38px;

    display:grid;
    place-items:center;

    flex:none;

    border-radius:12px;

    background:
        var(--p912-blue);

    color:#fff;
}

.account-ownership-readonly__value div{
    min-width:0;
}

.account-ownership-readonly__value strong{
    display:block;

    color:
        var(--p912-blue-deep);

    font-size:.66rem;
}

.account-ownership-readonly__value small{
    display:block;

    margin-top:3px;

    color:
        var(--p912-muted);

    font-size:.5rem;

    line-height:1.7;
}

.account-create-submit button,
.account-edit-submit button{
    border-radius:13px!important;

    background:
        var(--p912-orange)!important;

    box-shadow:
        0 13px 30px
        rgba(255,79,0,.15)!important;
}

.account-create-submit button:hover,
.account-edit-submit button:hover{
    background:
        var(--p912-orange-hover)!important;
}


@media(max-width:650px){

    .auth-card,
    .p912-reset__card,
    .account-create-card,
    .account-edit-card{
        border-radius:19px!important;
    }

    .account-create,
    .account-edit-listing{
        padding-top:22px!important;
    }

    .account-ownership-readonly__value{
        min-height:60px;
    }
}










/* P912_VALUATION_EXACT_SCROLL_AB_START
   Diagnostic: remove only fixed side-tab layers.
   Global dock valuation button remains visible.
*/
body.page-home .p912-valuation__tab,
body.page-home .p912-valuation__backdrop,
body.page-home .p912-valuation__panel{
    display:none!important;
}
/* P912_VALUATION_EXACT_SCROLL_AB_END */