/* ==========================================================
   PISHKHAN 912 — FINAL UI LUXURY V2
   Final visual authority.
   ========================================================== */


/* ==========================================================
   P912_FINAL_TYPOGRAPHY_V1
   ========================================================== */

:root{
    --p912-final-blue:#0095DA;
    --p912-final-blue-hover:#0087C7;
    --p912-final-blue-deep:#1677A8;
    --p912-final-blue-text:#176F9D;
    --p912-final-blue-soft:#EAF7FD;

    --p912-final-orange:#FF4F00;

    --p912-final-text:#38596B;
    --p912-final-muted:#65808E;
    --p912-final-border:rgba(0,149,218,.14);
}

body{
    font-size:16px;
    color:var(--p912-final-text);
}

main p,
main li{
    font-size:15.5px;
    line-height:1.95;
}

main h1{
    font-size:
        clamp(
            28px,
            3.2vw,
            44px
        );
}

main h2{
    font-size:
        clamp(
            23px,
            2.5vw,
            34px
        );
}

main h3{
    font-size:
        clamp(
            18px,
            1.8vw,
            24px
        );
}

button,
input,
select,
textarea{
    font-family:inherit;
}

input,
select,
textarea{
    font-size:15px;
}


/* Public cards / metadata */

.p912-rond-card,
.number-card,
.service-card{
    font-size:15px;
}

.p912-rond-card small,
.number-card small,
.service-card small{
    font-size:13px;
    line-height:1.75;
}


/* ==========================================================
   P912_FINAL_MCI_COLOR_V1
   ========================================================== */

main h1,
main h2,
main h3,
main h4,
.account-dashboard__header h1,
.account-welcome-card h2,
.account-create__top h1,
.account-listing-manage__head h1,
.account-edit-listing__head h1{
    color:
        var(--p912-final-blue-text)
        !important;
}

a{
    text-underline-offset:3px;
}

::selection{
    background:
        rgba(0,149,218,.18);
    color:#075f89;
}


/* ==========================================================
   P912_FINAL_ACCOUNT_POLISH_V1
   ========================================================== */

.account-dashboard,
.account-create,
.account-listing-manage,
.account-edit-listing{
    color:
        var(--p912-final-text);
}


/* Headings */

.account-dashboard__eyebrow,
.account-create__eyebrow,
.account-listing-manage__eyebrow,
.account-edit-listing__eyebrow{
    font-size:14px!important;
    font-weight:800!important;
    color:
        var(--p912-final-blue)
        !important;
}

.account-dashboard__header p,
.account-create__top p,
.account-edit-listing__head p{
    font-size:15px!important;
    line-height:1.9!important;
}


/* Account nav */

.account-menu{
    border:
        1px solid
        var(--p912-final-border)!important;

    border-radius:20px!important;

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

.account-menu a,
.account-menu button{
    min-height:48px;

    padding:
        12px
        14px!important;

    font-size:15px!important;
    font-weight:700!important;

    color:
        var(--p912-final-blue-text)
        !important;

    border-radius:12px!important;
}

.account-menu a:hover,
.account-menu button:hover,
.account-menu a.is-active{
    background:
        var(--p912-final-blue-soft)
        !important;
}


/* Statistics */

.account-stats span,
.account-info-grid span{
    font-size:14px!important;
    color:
        var(--p912-final-muted)
        !important;
}

.account-stats strong{
    font-size:30px!important;
    color:
        var(--p912-final-blue-text)
        !important;
}

.account-info-grid strong{
    font-size:16px!important;
}

.account-info-grid small{
    font-size:13px!important;
    line-height:1.75!important;
}


/* Dashboard */

.account-welcome-card span{
    font-size:14px!important;
}

.account-welcome-card h2{
    font-size:24px!important;
}

.account-welcome-card p{
    font-size:15px!important;
}


/* Create / edit field typography */

.account-create-card__head > span,
.account-edit-card > header > span{
    font-size:13px!important;
}

.account-create-card__head h2,
.account-edit-card > header h2{
    font-size:19px!important;
}

.account-create-card__head p,
.account-edit-card > header p{
    font-size:14px!important;
    line-height:1.85!important;
}

.account-field > span,
.account-edit-field > span{
    font-size:14px!important;
    font-weight:750!important;

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

.account-field input,
.account-field select,
.account-field textarea,
.account-edit-field input,
.account-edit-field select,
.account-edit-field textarea{
    font-size:15px!important;
}

.account-field small,
.account-edit-field small{
    font-size:13px!important;
    line-height:1.75!important;
}

.account-number-input b,
.account-price-input b{
    font-size:13px!important;
}

.account-create__back,
.account-edit-listing__back,
.account-listing-manage__back{
    font-size:14px!important;
    font-weight:750!important;
}

.account-create__alert,
.account-edit-listing__alert{
    font-size:14px!important;
}


/* Submit areas */

.account-create-submit strong,
.account-edit-submit strong{
    font-size:15px!important;
}

.account-create-submit p,
.account-edit-submit p{
    font-size:13px!important;
}

.account-create-submit button,
.account-edit-submit button{
    min-height:50px;

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


/* Guides */

.account-create-guide__label{
    font-size:13px!important;
}

.account-create-guide h2{
    font-size:19px!important;
}

.account-create-guide li > b{
    font-size:12px!important;
}

.account-create-guide li strong{
    font-size:14px!important;
}

.account-create-guide li span,
.account-create-security p{
    font-size:13px!important;
    line-height:1.75!important;
}

.account-create-security strong{
    font-size:14px!important;
}


/* Listing management */

.account-listing-manage__identity > strong{
    font-size:20px!important;
}

.account-listing-manage__identity span,
.account-listing-manage__status,
.account-edit-listing__eyebrow{
    font-size:13px!important;
}

.account-listing-manage__edit,
.account-listing-state-box a{
    min-height:44px;
    font-size:14px!important;
}

.account-listing-review-note span,
.account-edit-listing__review-note span{
    font-size:13px!important;
}

.account-listing-review-note h2{
    font-size:18px!important;
}

.account-listing-review-note p,
.account-edit-listing__review-note p,
.account-listing-review-note a{
    font-size:14px!important;
}

.account-listing-panel__head span{
    font-size:13px!important;
}

.account-listing-panel__head h2{
    font-size:19px!important;
}

.account-listing-number-card > span,
.account-listing-number-card small{
    font-size:13px!important;
}

.account-listing-number-card > strong{
    font-size:
        clamp(
            30px,
            4vw,
            44px
        )!important;

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

.account-listing-specs span,
.account-listing-timeline span{
    font-size:13px!important;
}

.account-listing-specs strong,
.account-listing-timeline strong{
    font-size:15px!important;
}

.account-listing-description{
    font-size:15px!important;
    line-height:1.95!important;
}

.account-listing-price-box > span,
.account-listing-state-box > span,
.account-listing-danger > span,
.account-listing-vip-box > span{
    font-size:13px!important;
}

.account-listing-price-box > strong{
    font-size:23px!important;
}

.account-listing-price-box small,
.account-listing-vip-box small{
    font-size:13px!important;
}

.account-listing-state-box > strong{
    font-size:16px!important;
}

.account-listing-state-box p,
.account-listing-danger p{
    font-size:13px!important;
}

.account-listing-danger h2{
    font-size:17px!important;
}

.account-listing-danger button{
    font-size:13px!important;
}


/* New number grouping preference */

.account-grouping-preference__head span{
    font-size:14px!important;
}

.account-grouping-preference__head strong{
    font-size:18px!important;
}

.account-grouping-preference > p{
    font-size:14px!important;
}

.account-grouping-preference
[data-grouping-status]{
    font-size:13px!important;
}


/* Shared luxury cards */

.account-stats article,
.account-welcome-card,
.account-info-grid article,
.account-create-card,
.account-edit-card,
.account-listing-panel,
.account-listing-price-box,
.account-listing-state-box,
.account-listing-vip-box{
    border:
        1px solid
        var(--p912-final-border)!important;

    border-radius:20px!important;

    box-shadow:
        0 18px 48px
        rgba(0,149,218,.065)!important;
}


/* Return to public site */

.p912-back-site{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;

    min-height:44px!important;

    padding:
        0
        14px!important;

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

    border-radius:13px!important;

    background:
        #F5FBFE!important;

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

    font-size:14px!important;
    font-weight:800!important;

    text-decoration:none!important;
}


/* ==========================================================
   P912_FINAL_MOBILE_NAV_V1
   ========================================================== */

@media(max-width:860px){

    .p912-mobile-topbar{
        min-height:64px!important;

        padding:
            8px
            12px!important;

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

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

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

    .p912-mobile-menu{
        width:44px!important;
        height:44px!important;

        display:grid!important;
        place-items:center!important;

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

        border-radius:14px!important;

        background:
            linear-gradient(
                145deg,
                #F8FDFF,
                #EAF8FE
            )!important;

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

        font-size:19px!important;

        box-shadow:
            0 8px 22px
            rgba(0,149,218,.09)!important;
    }

    .p912-mobile-logo{
        display:flex!important;
        align-items:center!important;
        gap:9px!important;

        min-width:0;
    }

    .p912-mobile-logo img{
        width:44px!important;
        height:44px!important;

        border-radius:12px!important;

        object-fit:cover;
    }

    .p912-mobile-slogan{
        display:block!important;

        max-width:165px;

        color:
            var(--p912-final-blue-text)
            !important;

        font-size:12.5px!important;
        font-weight:800!important;

        line-height:1.45!important;

        white-space:normal!important;
    }


    /* Drawer */

    .mobile-drawer__panel{
        width:
            min(
                88vw,
                370px
            )!important;

        background:#fff!important;

        border-inline-start:
            1px solid
            rgba(0,149,218,.12)!important;

        box-shadow:
            -24px 0 70px
            rgba(0,74,115,.16)!important;
    }

    .p912-mobile-head{
        padding:
            18px
            16px!important;

        background:
            linear-gradient(
                145deg,
                #F8FDFF,
                #EDF9FE
            )!important;

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

    .p912-mobile-brand{
        display:flex!important;
        align-items:center!important;
        gap:11px!important;
    }

    .p912-mobile-brand img{
        width:50px!important;
        height:50px!important;

        border-radius:14px!important;
    }

    .p912-mobile-brand strong{
        font-size:16px!important;

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

    .p912-mobile-brand small{
        display:block;
        margin-top:3px;

        font-size:12.5px!important;
        color:
            var(--p912-final-blue)
            !important;
    }

    .p912-mobile-head
    [data-menu-close]{
        width:40px!important;
        height:40px!important;

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

        border-radius:12px!important;

        background:#fff!important;

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

        font-size:17px!important;
    }

    .p912-mobile-nav{
        padding:
            12px
            13px!important;
    }

    .p912-mobile-nav > a{
        display:flex!important;
        align-items:center!important;

        min-height:50px!important;

        padding:
            10px
            12px!important;

        border-radius:13px!important;

        color:
            var(--p912-final-blue-text)
            !important;

        font-size:15px!important;
        font-weight:750!important;

        text-decoration:none!important;
    }

    .p912-mobile-nav > a:hover{
        background:
            var(--p912-final-blue-soft)
            !important;
    }

    .p912-mobile-nav > a i{
        width:27px;

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

        font-size:16px!important;
    }

    .p912-mobile-codes{
        margin:
            9px
            0
            13px!important;

        padding:
            13px!important;

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

        border-radius:15px!important;

        background:#F8FCFE!important;
    }

    .p912-mobile-codes > span{
        font-size:13px!important;
        font-weight:800!important;

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

    .p912-mobile-codes a{
        min-width:32px!important;
        min-height:32px!important;

        display:grid!important;
        place-items:center!important;

        font-size:13px!important;
        font-weight:850!important;

        border-radius:9px!important;

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

        background:#fff!important;

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

    .p912-mobile-cta{
        padding:
            13px
            16px
            18px!important;
    }

    .p912-mobile-cta a{
        min-height:50px!important;

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

        border-radius:14px!important;

        background:
            linear-gradient(
                135deg,
                var(--p912-final-blue),
                var(--p912-final-blue-hover)
            )!important;

        color:#fff!important;

        font-size:15px!important;
        font-weight:850!important;

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


/* ==========================================================
   P912_FINAL_DOCK_LUXURY_V1
   ========================================================== */

.p912-global-dock{
    display:grid!important;

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

    gap:8px!important;

    padding:8px!important;

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

    border-radius:21px!important;

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

    box-shadow:
        0 18px 55px
        rgba(0,111,164,.13),
        0 3px 12px
        rgba(0,149,218,.05)!important;

    backdrop-filter:
        blur(18px);
}

.p912-global-dock__search,
.p912-global-dock__compare,
.p912-global-dock__valuation{
    width:100%!important;

    height:58px!important;
    min-height:58px!important;

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

    gap:7px!important;

    padding:
        0
        13px!important;

    border-radius:15px!important;

    font-size:15px!important;
    font-weight:850!important;

    line-height:1!important;

    white-space:nowrap!important;

    text-align:center!important;
}

.p912-global-dock__search{
    background:
        linear-gradient(
            135deg,
            #0095DA,
            #0087C7
        )!important;

    color:#fff!important;

    box-shadow:
        0 10px 25px
        rgba(0,149,218,.18)!important;
}

.p912-global-dock__compare{
    background:#F3FAFD!important;

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

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

.p912-global-dock__valuation{
    background:
        linear-gradient(
            135deg,
            #FFF6F1,
            #FFF9F6
        )!important;

    border:
        1px solid
        rgba(255,79,0,.13)!important;

    color:
        #D94500!important;
}

.p912-global-dock__search i,
.p912-global-dock__compare i,
.p912-global-dock__valuation i{
    font-size:16px!important;
}

.p912-global-dock__compare b{
    min-width:23px!important;
    width:23px!important;
    height:23px!important;

    display:grid!important;
    place-items:center!important;

    border-radius:999px!important;

    font-size:12px!important;
}


@media(max-width:640px){

    .p912-global-dock{
        left:7px!important;
        right:7px!important;

        width:auto!important;

        gap:5px!important;
        padding:5px!important;

        border-radius:17px!important;
    }

    .p912-global-dock__search,
    .p912-global-dock__compare,
    .p912-global-dock__valuation{
        height:54px!important;
        min-height:54px!important;

        gap:4px!important;

        padding-inline:5px!important;

        border-radius:12px!important;

        font-size:
            clamp(
                12.5px,
                3.1vw,
                14px
            )!important;
    }

    .p912-global-dock__search i,
    .p912-global-dock__compare i,
    .p912-global-dock__valuation i{
        font-size:14px!important;
    }
}


@media(max-width:370px){

    .p912-global-dock{
        left:4px!important;
        right:4px!important;

        gap:3px!important;
        padding:4px!important;
    }

    .p912-global-dock__search,
    .p912-global-dock__compare,
    .p912-global-dock__valuation{
        height:52px!important;
        min-height:52px!important;

        padding-inline:3px!important;

        font-size:12px!important;
    }

    .p912-global-dock__compare b{
        min-width:20px!important;
        width:20px!important;
        height:20px!important;

        font-size:11px!important;
    }
}

/* =========================================================
   P912_HEADER_SLOGAN_V5_LATE_AUTHORITY
   This stylesheet loads after final-ui-polish-v1.css.
   Keep V5 slogan size authoritative.
   ========================================================= */

.p912-brand .p912-header__slogan-v5{
    font-size:clamp(
        1.72rem,
        2.15vw,
        2rem
    )!important;

    font-weight:950!important;
    line-height:1.22!important;
}

@media(max-width:720px){

    .p912-mobile-slogan.p912-header__slogan-v5,
    .p912-mobile-brand .p912-header__slogan-v5{
        display:block!important;

        max-width:210px;

        font-size:clamp(
            1.32rem,
            4.7vw,
            1.42rem
        )!important;

        font-weight:900!important;
        line-height:1.25!important;
    }
}

/* =========================================================
   P912_HEADER_SLOGAN_V5_1_LATE_AUTHORITY
   Must remain authoritative because this file loads later.
   ========================================================= */

.p912-brand .p912-header__slogan-v5{
    font-size:clamp(
        1.58rem,
        1.85vw,
        1.82rem
    )!important;
}

@media(max-width:720px){
    .p912-mobile-slogan.p912-header__slogan-v5,
    .p912-mobile-brand .p912-header__slogan-v5{
        font-size:clamp(
            1.20rem,
            4.2vw,
            1.30rem
        )!important;
    }
}

/* =========================================================
   P912_HEADER_SLOGAN_V5_2_LATE_AUTHORITY
   ========================================================= */

.p912-brand .p912-header__slogan-v5{
    font-size:clamp(
        1.42rem,
        1.62vw,
        1.62rem
    )!important;
}

@media(max-width:720px){
    .p912-mobile-slogan.p912-header__slogan-v5,
    .p912-mobile-brand .p912-header__slogan-v5{
        font-size:clamp(
            1.08rem,
            3.8vw,
            1.18rem
        )!important;
    }
}

/* =========================================================
   P912_HEADER_SLOGAN_V5_3_COMPACT_LATE
   Late-loaded final authority.
   ========================================================= */

.p912-brand .p912-header__slogan-v5{
    width:max-content!important;
    max-width:100%!important;

    font-size:clamp(
        1.12rem,
        1.28vw,
        1.28rem
    )!important;

    white-space:nowrap!important;

    overflow:visible!important;
    text-overflow:clip!important;
}

@media(max-width:720px){

    .p912-mobile-slogan.p912-header__slogan-v5,
    .p912-mobile-brand .p912-header__slogan-v5{

        width:max-content!important;
        max-width:none!important;

        font-size:clamp(
            .76rem,
            2.65vw,
            .88rem
        )!important;

        line-height:1.20!important;

        white-space:nowrap!important;

        overflow:visible!important;
        text-overflow:clip!important;
    }

    .p912-mobile-logo,
    .p912-mobile-brand{
        min-width:0!important;
    }
}

@media(max-width:390px){

    .p912-mobile-slogan.p912-header__slogan-v5,
    .p912-mobile-brand .p912-header__slogan-v5{
        font-size:clamp(
            .72rem,
            2.8vw,
            .80rem
        )!important;
    }
}


/* =========================================================
   P912_HOME_FINAL_CTA_WHITE_TITLE_V1
   Final home registration CTA heading contrast authority.
   Scope: heading only.
   ========================================================= */

.p912-final-cta h2{
    color:#fff!important;
}


/* =========================================================
   P912_GLOBAL_DOCK_MOBILE_RESPONSIVE_V1
   Mobile bottom-action navigation authority.
   Three equal cards, icon above label, no overflow.
   Desktop/tablet visual behavior remains unchanged.
   ========================================================= */

@media(max-width:640px){

    .p912-global-dock{
        left:8px!important;
        right:8px!important;

        width:auto!important;
        max-width:calc(100vw - 16px)!important;

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

        gap:5px!important;
        padding:5px!important;

        overflow:hidden!important;

        border-radius:18px!important;

        transform:
            translate3d(
                0,
                calc(-1 * var(--p912-dock-lift)),
                0
            )!important;
    }

    .p912-global-dock__search,
    .p912-global-dock__compare,
    .p912-global-dock__valuation{
        position:relative!important;

        width:100%!important;
        min-width:0!important;
        max-width:100%!important;

        height:64px!important;
        min-height:64px!important;

        padding:
            7px
            4px!important;

        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:center!important;

        gap:5px!important;

        overflow:hidden!important;

        border-radius:13px!important;

        font-size:
            clamp(
                10.5px,
                3vw,
                12.5px
            )!important;

        line-height:1.15!important;

        text-align:center!important;

        white-space:normal!important;

        overflow-wrap:anywhere!important;

        box-sizing:border-box!important;
    }

    .p912-global-dock__search i,
    .p912-global-dock__compare i,
    .p912-global-dock__valuation i{
        flex:0 0 auto!important;

        margin:0!important;

        font-size:17px!important;
        line-height:1!important;
    }

    .p912-global-dock__search span,
    .p912-global-dock__compare span,
    .p912-global-dock__valuation span{
        display:block!important;

        width:100%!important;
        min-width:0!important;

        text-align:center!important;

        white-space:normal!important;

        overflow-wrap:anywhere!important;
    }

    .p912-global-dock__compare b{
        position:absolute!important;

        top:5px!important;
        inset-inline-end:5px!important;

        min-width:18px!important;
        width:18px!important;
        height:18px!important;

        margin:0!important;

        font-size:9px!important;
        line-height:18px!important;
    }
}


@media(max-width:390px){

    .p912-global-dock{
        left:5px!important;
        right:5px!important;

        max-width:
            calc(100vw - 10px)!important;

        gap:4px!important;
        padding:4px!important;

        border-radius:15px!important;
    }

    .p912-global-dock__search,
    .p912-global-dock__compare,
    .p912-global-dock__valuation{
        height:61px!important;
        min-height:61px!important;

        padding:
            6px
            2px!important;

        gap:4px!important;

        border-radius:11px!important;

        font-size:
            clamp(
                9.5px,
                2.85vw,
                11px
            )!important;
    }

    .p912-global-dock__search i,
    .p912-global-dock__compare i,
    .p912-global-dock__valuation i{
        font-size:15px!important;
    }
}


/* =========================================================
   P912_SEARCH_SHEET_RESPONSIVE_LAYOUT_V1

   Search/filter popup final layout authority:
   - exact-number area always first and full width
   - number digit inputs use physical LTR / left alignment
   - all other filter fields live below number section
   - mobile becomes deterministic single-column flow
   - no child may force horizontal overflow
   ========================================================= */

.p912-search-sheet__panel{
    overflow-x:hidden!important;
}

.p912-search-sheet__form{
    display:grid!important;

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

    gap:14px!important;

    width:100%!important;
    min-width:0!important;
    max-width:100%!important;

    align-items:start!important;

    box-sizing:border-box!important;
}

.p912-search-sheet__form > *{
    min-width:0!important;
    max-width:100%!important;

    box-sizing:border-box!important;
}

.p912-search-sheet__wide{
    grid-column:1 / -1!important;
    grid-row:auto!important;

    width:100%!important;
    min-width:0!important;
    max-width:100%!important;

    overflow:hidden!important;
}

.p912-search-sheet__wide
.p912-position-search{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;

    overflow:hidden!important;

    box-sizing:border-box!important;
}

.p912-search-sheet__wide
.p912-position-search__fields{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;

    direction:ltr!important;
    unicode-bidi:isolate!important;

    justify-content:flex-start!important;
    align-items:flex-start!important;

    overflow:hidden!important;
}

.p912-search-sheet__wide
.p912-position-search__group{
    direction:ltr!important;
    unicode-bidi:isolate!important;

    min-width:0!important;

    justify-content:flex-start!important;
}

.p912-search-sheet__wide
.p912-position-search__digit{
    direction:ltr!important;
    unicode-bidi:isolate!important;

    text-align:left!important;

    font-variant-numeric:
        tabular-nums!important;

    box-sizing:border-box!important;
}

.p912-search-sheet__form > label{
    display:flex!important;
    flex-direction:column!important;

    gap:7px!important;

    width:100%!important;
    min-width:0!important;
    max-width:100%!important;

    margin:0!important;

    box-sizing:border-box!important;
}

.p912-search-sheet__form > label > input,
.p912-search-sheet__form > label > select{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;

    box-sizing:border-box!important;
}

.p912-search-sheet__form
input[inputmode="numeric"]{
    direction:ltr!important;
    unicode-bidi:isolate!important;
    text-align:left!important;
}


/* MOBILE */
@media(max-width:640px){

    .p912-search-sheet__panel{
        left:0!important;
        right:0!important;

        width:100%!important;
        max-width:100%!important;

        padding:
            16px
            12px
            20px!important;

        overflow-x:hidden!important;

        box-sizing:border-box!important;
    }

    .p912-search-sheet__form{
        grid-template-columns:
            1fr!important;

        gap:12px!important;

        width:100%!important;
        min-width:0!important;
    }

    .p912-search-sheet__wide{
        grid-column:1 / -1!important;

        width:100%!important;
        min-width:0!important;

        overflow:hidden!important;
    }

    .p912-search-sheet__wide
    .p912-position-search{
        padding:
            14px
            10px!important;
    }

    .p912-search-sheet__wide
    .p912-position-search__fields{
        display:flex!important;
        flex-direction:column!important;

        align-items:flex-start!important;
        justify-content:flex-start!important;

        gap:8px!important;

        direction:ltr!important;

        overflow:hidden!important;
    }

    .p912-search-sheet__wide
    .p912-position-search__group{
        display:grid!important;

        grid-auto-flow:column!important;
        grid-auto-columns:
            minmax(0,1fr)!important;

        width:100%!important;
        min-width:0!important;

        gap:5px!important;

        direction:ltr!important;
    }

    .p912-search-sheet__wide
    .p912-position-search__digit{
        width:100%!important;
        min-width:0!important;
        max-width:none!important;

        height:46px!important;

        padding:
            0
            7px!important;

        direction:ltr!important;
        unicode-bidi:isolate!important;

        text-align:left!important;

        font-size:16px!important;
    }

    .p912-search-sheet__form > label{
        grid-column:1!important;

        width:100%!important;
        min-width:0!important;
    }

    .p912-search-sheet__actions{
        grid-column:1!important;

        width:100%!important;
        min-width:0!important;

        box-sizing:border-box!important;
    }
}


/* VERY SMALL PHONE */
@media(max-width:360px){

    .p912-search-sheet__panel{
        padding-inline:8px!important;
    }

    .p912-search-sheet__wide
    .p912-position-search{
        padding-inline:6px!important;
    }

    .p912-search-sheet__wide
    .p912-position-search__group{
        gap:4px!important;
    }

    .p912-search-sheet__wide
    .p912-position-search__digit{
        height:44px!important;

        padding-inline:5px!important;

        font-size:15px!important;
    }
}

/* P912 QUICK MARKET — PRICE COLUMN SIZE V1 */
.p912-market-explorer .p912-market-row > b {
    font-size: 21px !important;
    line-height: 1.35;
    font-weight: 800;
}

.p912-market-explorer .p912-market-row > b * {
    font-size: inherit !important;
}

@media (max-width: 768px) {
    .p912-market-explorer .p912-market-row > b {
        font-size: 18px !important;
    }
}

/* P912 QUICK MARKET — LOAD MORE V1 */

.p912-market-load-more-wrap {
    display: flex;
    justify-content: center;
    padding: 18px 16px 4px;
}

.p912-market-load-more {
    min-width: 180px;
    min-height: 46px;

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

    padding: 10px 22px;

    border: 1px solid rgba(15, 23, 42, .12);
    border-radius: 14px;

    background: #fff;
    color: #0f172a;

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

    cursor: pointer;

    transition:
        border-color .2s ease,
        background-color .2s ease,
        transform .2s ease;
}

.p912-market-load-more:hover {
    background: #f8fafc;
    border-color: rgba(15, 23, 42, .2);
    transform: translateY(-1px);
}

.p912-market-load-more:disabled {
    cursor: wait;
    opacity: .7;
    transform: none;
}

.p912-market-load-more i {
    font-size: 12px;
}

@media (max-width: 768px) {
    .p912-market-load-more-wrap {
        padding: 14px 10px 2px;
    }

    .p912-market-load-more {
        width: 100%;
        min-height: 48px;
    }
}