@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
.nav-secondary.clearfix {
    background: #ba9659;
}


body {
    margin: 0;
    overflow-x: hidden;
    font-family: 'Roboto', sans-serif;
    /* background:#F6F5F4; */
}

a {
    color: #337ab7;
}

    a:focus {
        outline: none;
    }

.pr-0 {
    padding-right: 0 !important;
}


/*************************************************/
.logo {
    padding: 15px;
    float: left;
    max-width: 320px;
}

.admin .btn {
    opacity: 0.70;
    background: none;
    color: #fff;
}
span.countmsg {
    position: absolute;
    background: #FFF;
    width: 17px !important;
    border-radius: 28px;
    top: -9px;
    color: #000 !important;
    height: 17px;
    text-align: center !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    right: -23px;
}

.countmsglabel {
    left: -73px !important;
    top: -33px !important;
    z-index: 9999;
}
/*************************************************/
.categories {
    margin-bottom: 20px;
    padding-left: 15px;
}
.imagesections div#sortablethumbnails {
    display: inline-block;
    width: 100%;
    float: left;
}
a.btn.btn-danger.btn-block.non-watchList-preview {
    margin: 0;
}
.imagesections div#progress_bar {
    width: 320px;
}
.imagesections .btn-group .btn {
    padding: 3px 0;
}
img#previewimg {
    max-width: 100% !important;
    width: fit-content;
}
.custom-panel {
    color: #000;
    padding: 0 0;
    border-bottom: 1px solid rgb(236, 236, 236);
}

a.btn.btn-danger.btn-block.watchList-preview {
    background: #034db1;
    border-color: #034db1;
}

a.btn.btn-danger.btn-block.non-watchList-preview {
    background: #034db1;
    border-color: #034db1;
}

a.btn.btn-danger.btn-block.awe-rt-MinimumBid.InlineQuickBid {
    background: #C9302C;
}
.ctct-form-defaults {
    background: transparent !important;
    padding: 0 !important;
}
p.ctct-form-text {
    font-size: 15px !important;
    color: #fff !important;
}
label#email_address_label_1 {
    margin: 0 0 12px 0 !important;
    text-align: center !important;
    color: #fff !important;
}
input#email_address_1 {
    width: 100%;
    padding: 10px;
    border-radius: 40px;
}
div.ctct-form-embed form.ctct-form-custom .ctct-form-required:before {
    content: "\d" !important;
    position: absolute;
    top: -4px;
    left: -12px;
    color: #f5463b;
}
p.ctct-gdpr-text {
    color: #fff !important;
}
a.ctct-form-footer-link {
    color: #fff !important;
}
button.ctct-form-button {
    background: transparent !important;
    color: #C3AB8C !important;
    font-family: fangsong;
    font-size: 30px !important;
    word-spacing: 0;
    line-height: 36px !important;
    cursor: pointer;
    font-weight: initial !important;
    border: 0 !important;
    font-style: oblique;
    text-transform: capitalize;
    padding:0 !important;
}
div#SignalRStatus {
    display: none;
}
p.ctct-form-footer {
    display: none !important;
}
input#email_address_1 {
    writing-mode: horizontal-tb !important;
    font-style:;
    font-variant-ligatures:;
    font-variant-caps:;
    font-variant-numeric:;
    font-variant-east-asian:;
    font-weight:;
    font-stretch:;
    font-size:;
    font-family:;
    text-rendering: auto;
    color: fieldtext;
    letter-spacing: normal;
    word-spacing: normal;
    line-height: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: auto;
    -webkit-rtl-ordering: logical;
    cursor: text;
    background-color: field;
    margin: 0em;
    padding: 1px 2px;
    border-width: 2px;
    border-style: inset;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-image: initial;
}
.panel.panel-default.detail__seller-data .seller-data__payment.seller-data__fullwidth {
    border: 0 !important;
}
.detail__properties .fee {
    border: 1px solid #ebebeb;
}
h2.ctct-form-header {
    color: #e1c38f !important;
    font-size: 18px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
}
.custom-heading {
    padding: 11px 0;
    display: block;
    position: relative;
    color: #333;
}

    .custom-heading .caret {
        float: right;
        transform: translateY(-50%);
        position: absolute;
        top: 50%;
        right: 0;
        border-top: 6px dashed;
        border-top: 4px solid \9;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        transform: rotate(-90deg);
    }

    .custom-heading.collapsed .caret {
        transform: rotate(0deg);
    }

.custom-panel ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

    .custom-panel ul li {
        background: rgba(0, 0, 0, 0.025);
        padding: 8px 14px;
        margin-bottom: 6px;
        border-radius: 4px;
    }

        .custom-panel ul li a {
            display: block;
        }

.detail__description-panel {
    margin-top: 15px;
}

.detail__payment_ins {
    padding-left: 15px;
    padding-top: 10px;
    padding-right: 10px;
}


.view-all-lots {
    margin-top: 8px;
}

.boxint {
    margin-top: -20px;
}

.detail__payment_ins_header {
    padding-left: 15px;
    padding-top: 10px;
}

.seller-data__payment {
    border: 1px solid #ddd !important;
}
/* .navbar-default{
  background: #fff;
} */
.nav-secondary {
    background: #152E43;
}

.p-0 {
    padding: 0 !important;
}

.nav-secondary input#FullTextQuery1 {
    width: 250px;
    background: #fff;
    color: #555;
    border-radius: 3px 0 0 3px;
}

.search-btn {
    border: 1px solid #fff !important;
    margin-left: -2px !important;
}

.search-box .btn {
    border: 1px solid #fff !important;
    border-left: 0 !important;
}

.nav-secondary form .btn:first-child {
    border-radius: 0 4px 4px 0;
}

.nav-secondary form .btn:last-child {
    border-radius: 0;
}

.user-menu {
    text-align: center;
    color: #fff;
}

    .user-menu span {
        position: relative;
        top: 12px;
    }


.nav-secondary ul.nav-pills > li > a {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.nav-secondary ul.menu-list li a {
    color: #313131;
}

.nav-secondary .nav .open > a {
    background-color: #152e43;
    border: 0;
}

.navbar-default {
    display: inline-block;
    float: right;
}

.header--style2 {
    border-bottom: 1px solid #000000;
}

.nav-secondary form .btn {
    background-color: #262626;
}

.browse-side-menu {
    width: 300px;
    position: fixed;
    left: 0;
    top: 0;
    min-width: 300px;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    display: block;
    left: -330px;
    transition: all ease 0.5s;
    bottom: 0;
    background: #fff;
    z-index: 10000;
}

    .browse-side-menu.open {
        left: 0;
        transition: all ease 0.5s;
    }

.browse-categories {
    border-radius: 0;
    box-shadow: none;
    display: block;
    min-width: auto !important;
    margin: 0;
    overflow-x: auto;
    position: absolute;
    top: 0;
    padding: 0;
    bottom: 0;
}

.browse-close {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10001;
    border: 0;
    background: none;
    color: #fff;
    font-weight: bold;
    font-size: 23px;
    margin-right: -34px;
    padding: 0 8px;
}

.browse-categories h3 {
    padding: 10px 18px;
    font-size: 21px;
    font-weight: 600;
}

.browse-categories .badge {
    background-color: #1de34e;
}

.open > .dropdown-menu.browse-categories {
    left: 0;
    transition: all ease 0.5s;
}

.browse-categories .close-btn {
    position: absolute;
    right: -30px;
    top: 0;
}

.overlay.show {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    background: #000;
    opacity: 0.7;
    z-index: 1000;
}

body.fixed {
    overflow: hidden;
}



.navbar-brand.navbar-toggle {
    float: left;
}

.navbar-toggle .glyphicon.glyphicon-cog {
    font-size: 22px;
    color: #a6a3a3;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #a6a3a3;
}

.navbar-default .navbar-toggle {
    border: 0;
    border-radius: 0;
    color: #fff;
    margin: 0 0 0 0;
    height: 50px;
    padding: 15px 15px;
}

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: rgba(255,255,255,.1);
    }

.dropdown-menu {
    font-size: 14px;
}




ul.nav.navbar-nav.hidden-xs {
    display: none;
}

.border-reomve {
    border: 0 !important;
}

/******************** Footer ******************************/

footer {
    background-color: #585858;
}

.boxfooter p {
    color: #ffffff;
    font-weight: bold;
    text-align: justify;
    font-size: 14px;
}

.boxfooter h3 {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

.boxfooter span {
    font-size: 15px;
    color: #fff;
}

.boxfooter a {
    color: #fff;
    padding: 0px;
    font-size: 15px;
}

.boxfooter label {
    width: 100%;
    color: #fff;
    margin: 10px 0 5px 0;
    margin-top: 30px;
    font-weight: 400;
    font-size: 16px;
}

.boxfooter input {
    width: 100%;
    padding: 10px;
    border-radius: 40px;
}

i.fa.fa-facebook {
    background: #4267B2;
    padding: 8px 13px;
    border-radius: 5px;
    margin-bottom: 5px;
    margin-right: 7px;
}

input.tnp-submit {
    background: transparent !important;
    color: #C3AB8C !important;
    font-family: fangsong;
    font-size: 30px !important;
    word-spacing: 0;
    line-height: 36px !important;
    cursor: pointer;
    font-weight: initial !important;
    border: 0;
    font-style: oblique;
    text-transform: capitalize;
    margin-top: 10px;
}

.boxfooter {
    border-right: 1px solid #C3C3C3;
    padding: 0 30px 0 0;
    min-height: 305px;
    float: right;
}
p.ctct-form-text {
    margin: 0 0 5px 0 !important;
    text-align: center;
}
h2.ctct-form-header {
    margin: 0 0 5px !important;
}
footer {
    padding: 70px 0;
}

.col-lg-6.right_boxx {
    margin-bottom: 20px;
}

div#accordionExample button {
    color: #383838;
    border: 1px solid #d1d1d1;
    width: 100%;
    text-align: left;
    padding: 20px;
    font-weight: bold;
    font-size: 14px;
    position: relative;
}

button.btn.btn-link.collapsed {
    background: #fff;
}

button.btn.btn-link {
    background: #efefef;
    border-bottom-color: transparent;
}

.card-body {
    border-right: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
    margin-top: -12px;
    padding: 15px;
    background: #efefef;
}

.mb-0 {
    margin-bottom: 0;
}

.mt-0 {
    margin-top: 0;
}

.card {
    margin: 20px 0;
}

.banner_inner h2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 49px;
    text-transform: uppercase;
    font-weight: bold;
    color: #000;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
}

.header-splash {
    background-color: #000000;
    margin: 0;
}

.banner_inner {
    width: 100vw;
    margin-left: -50vw !important;
    left: 50%;
    position: relative;
    margin-top: -30px;
}

.mb-selld {
    margin: -30px 0 20px 0 !important;
    display: inline-block;
    width: 100%;
}

ul.dropdown-menu.myaccount__dropdown span {
    width: auto;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: 0;
    outline-offset: -2px;
    text-decoration: none;
}

.btn-link:before {
    right: 0;
    left: auto;
}

.btn-link:before {
    color: #585858;
}

button.btn.btn-link.collapsed:before {
    content: "+";
    position: absolute;
    right: 0;
    font-size: 19px;
    color: #787878;
    top: 20px;
    margin-top: 0;
    border-radius: 65px;
    padding: 0px;
    right: 18px;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 19px;
}

button.btn.btn-link:before {
    content: "-";
    position: absolute;
    right: 0;
    font-size: 19px;
    color: #787878;
    top: 20px;
    margin-top: 0;
    border-radius: 65px;
    padding: 0px;
    right: 18px;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 19px;
}

.footer__links a:first-child {
    border-right: 1px solid #fff;
    padding: 0 10px;
    margin-right: 10px;
}

.footer__links a:last-child {
    border-left: 1px solid #fff;
    padding-left: 10px;
    margin-left: 10px;
}

.right_boxx img {
    width: 100%;
    margin: 20px 0;
}

.top_ingfo h2 {
    text-align: center;
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 700;
}

.top_ingfo {
    width: 80%;
    margin: 50px auto;
    text-align: center;
}

    .top_ingfo hr {
        width: 10%;
        border: 1px solid #878787;
    }

.box {
    width: 100vw;
    margin-left: -50vw !important;
    left: 50%;
    position: relative;
    background: #efefef;
    float: left;
    padding: 40px 0;
}

.margin-top20 {
    margin-top: 20px;
}

form.formsell input, form.formsell textarea {
    border-radius: 31px;
    border: 0;
    padding: 5px 20px;
    min-height: 45px;
}

.sellcons1 {
    background: url("../images/bg-01.jpg");
    background-size: cover;
    width: 100vw;
    margin-left: -50vw !important;
    left: 50%;
    position: relative;
    margin-top: -30px;
    margin-top: 40px;
    background-attachment: fixed;
}

.iconrr a.nav-link {
    padding-top: 0;
}

.block.box_Sells li {
    color: #fff;
    list-style: none;
    margin: 0 0 20px;
    font-size: 14px;
}

.block.box_Sells ul {
    padding: 0;
}

.block.box_Sells h4 {
    color: #fff;
    font-size: 26px;
    margin-bottom: 20px;
}

p.navbar-text {
    margin-top: 0 !important;
}

.box h3 {
    color: #7c7c7c;
    font-size: 30px;
    width: 50%;
    text-align: right;
    font-style: italic;
    font-weight: 700;
    float: left;
    border-right: 1px solid #7c7c7c;
    padding: 12px 43px;
}

.box a {
    background: #8b8b8b;
    color: #fff;
    padding: 15px 46px;
    font-size: 14px;
    font-weight: 700;
    margin: 42px 50px;
    transition: 0.4s;
    border-radius: 50px;
    text-transform: uppercase;
    font-size: 16px;
}

h3.infopur {
    font-size: 19px;
    line-height: 31px;
    margin: 15px 0;
    display: inline-block;
}

    h3.infopur a {
        font-weight: 700;
    }

.boxsell {
    background: #efefef;
    padding: 20px 20px;
    text-align: left;
    color: #5c5c5c;
}

.box a:hover {
    background: #BA9659;
}

div#accordionExample button:hover {
    background: #efefef;
    transition: 0.5s;
    text-decoration: none;
}

.iconrr span {
    width: 100%;
    text-align: center;
    margin: 0;
    color: #fff;
    font-size: 16px;
    display: inline-block;
}

p.navbar-text {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    margin-top: !important;
}

/*a.btn.btn-default.btn-xs.btn-admin {
    display: none;
}
*/
div#awe-main-nav {
    margin-top: 40px;
}
/*
.gallery-quickbid {
    height: auto;
    margin: 10px;
}
*/
a.btn.btn-danger.btn-block.non-watchList {
    margin: 0 0 10px 0;
    display: inline-block;
}

li.nav-item.iconrr a {
    padding-top: 0;
}

span.caret {
    width: 0;
}

.iconrr a.dropdown-toggle.nav-link {
    padding-top: 0;
}

.iconrr a.nav-link {
    padding-top: 0;
    font-size: 16px;
}



.header-splash .nav > li > a:hover, .header-splash .nav > li > a:focus {
    text-decoration: none;
    color: #fff;
    background-color: #000000;
}

.header-splash .nav-secondary .nav-pills li a {
    margin-top: 0;
}

.boxsell h5 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}

ul.servis li a {
    font-size: 19px;
    line-height: 32px;
}

ul.servis {
    padding: 0 14px;
}

.mt-my {
    margin-top: 50px;
}

    .mt-my .boxsell {
        min-height: 204px;
    }

.sellconsign img {
    width: 31px;
    margin-right: 30px;
}

fieldset {
    border: 1px solid #Ccc;
    margin-bottom: 20px;
    padding: 39px 20px;
}

li.dropdown.nones {
    display: none;
}

.nav-secondary .nav-pills li a {
    margin-top: 5px;
    padding: 16px 15px;
}

.nav-secondary.clearfix.mbbotams {
    margin-bottom: 30px;
}

ul.dropdown-menu.myaccount__dropdown.show span {
    width: auto;
}
/*.btn-danger {
    color: #fff;
    background-color: #BA9659;
    border-color: #BA9659;
}*/

ul.pagination .active a {
    background: #BA9659;
    border-color: #BA9659;
}

.nav-secondary ul.nav-pills > li > a {
    font-size: 16px;
}

.mbbotams input#FullTextQuery1::placeholder {
    color: #585858d1;
}

/*responsive*/


@media (min-width: 1400px) {
    .container {
        width: 1170px;
    }

}

#accordion .panel {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    margin: 0 0 15px 10px;
}

#accordion .panel-heading {
    border-radius: 30px;
    padding: 0;
}

#accordion .panel-title a {
    background: #BA9659;
    border: 1px solid transparent;
    border-radius: 30px;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 600;
    padding: 12px 20px 12px 50px;
    position: relative;
    transition: all 0.3s ease 0s;
    text-transform: capitalize;
}

    #accordion .panel-title a.collapsed {
        background: #fff none repeat scroll 0 0;
        border: 1px solid #ddd;
        color: #333;
    }

        #accordion .panel-title a::after, #accordion .panel-title a.collapsed::after {
            background: #BA9659;
            border: 1px solid transparent;
            border-radius: 50%;
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.58);
            color: #fff;
            content: "";
            font-family: fontawesome;
            font-size: 25px;
            height: 55px;
            left: -20px;
            line-height: 55px;
            position: absolute;
            text-align: center;
            top: -5px;
            transition: all 0.3s ease 0s;
            width: 55px;
        }

        #accordion .panel-title a::before, #accordion .panel-title a.collapsed::before {
            border: 1px solid transparent;
            border-radius: 50%;
            color: #fff;
            content: "";
            font-family: fontawesome;
            font-size: 22px;
            height: 40px;
            right: 2px;
            line-height: 41px;
            position: absolute;
            text-align: center;
            top: 2px;
            transition: all 0.3s ease 0s;
            width: 40px;
        }

        #accordion .panel-title a.collapsed::before {
            content: "";
            color: #BA9659;
        }

        #accordion .panel-title a.collapsed::after {
            background: #fff none repeat scroll 0 0;
            border: 1px solid #ddd;
            box-shadow: none;
            color: #333;
            content: "";
        }

#accordion .panel-body {
    background: transparent none repeat scroll 0 0;
    border-top: medium none;
    padding: 20px 25px 10px 9px;
    position: relative;
}

    #accordion .panel-body p {
        border-left: 1px dashed #8c8c8c;
        padding-left: 25px;
    }

a.one img {
    width: 34px;
    position: absolute;
    left: -10px;
    z-index: 9;
    top: 5px;
}

ul.servis li {
    font-size: 20px;
}

ul.list_detailss li {
    width: 100%;
    float: left;
    padding-right: 27px;
    color: #565656;
}

ul.list_detailss {
    float: left;
    width: 50%;
}

.sellcons {
    width: 100vw;
    margin-left: -50vw !important;
    left: 50%;
    position: relative;
    margin-top: -30px;
    background: rgb(0 0 0 / 48%);
    padding: 50px 0;
    margin-top: 40px;
}

.uploadimg button {
    width: 100%;
    border-radius: 400px;
    padding: 5px 20px;
    margin: 0px 0 0 0px;
    background: #676767;
    border: 0;
    color: #fff;
    font-size: 16px;
    transition: 0.4s;
    min-height: 45px;
}

input.btn.btn-val-submit.btn-ga:hover {
    background: #676767;
}

.panel-body.clearfix.uploadimg {
    padding: 0;
}

form#ContactUsForm h2 {
    margin-top: 0 !important;
}

fieldset {
    border: 1px solid #Ccc;
    margin-bottom: 18px;
    padding: 10px 20px;
    background: #fff;
    border-radius: 22px;
    max-height: 200px;
}

button#html5button:hover {
    background: #BA9659;
    color: #fff;
}

legend {
    display: contents;
    font-size: 16px;
    color: #787878;
}

.block.box_Sells a {
    color: #ffcd78;
}

input.btn.btn-val-submit.btn-ga {
    background: #BA9659;
    color: #fff;
    width: 100%;
    font-size: 16px;
    transition: 0.4s;
    /* margin-left: -15px !important; */
}

#ContactUsForm h2 {
    margin-bottom: 20px;
}

.block.box_Sells h4 {
    color: #fff;
    font-size: 34px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.block.box_Sells {
    background: #000000bf;
    padding: 20px 20px;
    border: 1px solid #BA9659;
    border-radius: 40px;
}

.zoomWindow {
    margin-left: 20px !important;
}

.panel.panel-default.event-hp {
    border-radius: 20px;
    /* overflow: hidden; */
}

.iconrr ul.dropdown-menu.myaccount__dropdown {
    z-index: 9999999;
    position: relative;
}

.banner_inner img {
    width: 100%;
}

a.btn.btn-danger.btn-block.watchList {
    margin: 0 0 10px 0;
    display: inline-block;
}

.boxfooter h3 {
    color: #e1c38f;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

.nav-secondary.clearfix.mbbotams {
    margin-bottom: 30px;
    z-index: 999;
    position: relative;
}

ul.dropdown-menu.myaccount__dropdown.show {
    z-index: 999999;
}

li.filter-option a {
    background: #262626;
    color: #fff;
    box-shadow: 0px 2px 4px 0px #ccc;
    border-radius: 34px;
    margin-bottom: 20px;
    transition: 0.4s;
}

li.filter-option {
    padding: 0 15px;
}

.eventhome {
    background: #fbfbfb;
    border: 1px solid #ba9659;
    border-radius: 20px;
}

li.filter-option a:hover {
    background: #ba9659;
}

.boxout {
    display: contents;
}
div#sortablethumbnails {
    display: inline-block;
    width: 548px;
}
div#sortablethumbnails {
    float: left;
    width: 100%;
}
.imagecontainer {
    background-color: #585858;
}
div#progress_bar {
    background: #fff;
    border-radius: 24px;
    margin: 13px 0 0;
    overflow: hidden;
}
.percent {
    background: #ba9659;
    padding: 0 10px;
}
.grecaptcha-badge {
    visibility: hidden;
}

a.btn.btn-danger.btn-block.non-watchList {
    background: #C9302C;
}
a.btn.btn-danger.btn-block.watchList {
    background: #C9302C;
}
    a.btn.btn-danger.btn-block.non-watchList.non-watchList-preview {
        background: #034db1;
    }
    a.btn.btn-danger.btn-block.watchList.watchList-preview {
        background: #034db1;
    }
.no-wrap span.label.label-success {
    position: absolute;
    right: 100%;
}
div#progress_bar_EventImage {
    margin-top: 10px;
    border-radius: 10px;
    overflow: hidden;
}
.sellcons div#sortablethumbnails {
    display: inline-block;
    width: 548px;
}


@media only screen and (min-width: 768px) and (max-width: 768px) {
    .user-nav {
        width: max-content;
        display: inline-block;
        flex-basis: auto;
        margin-top: -11px;
    }
    .banner_inner {
        overflow: hidden;
    }

}


@media only screen and (min-width: 900px) and (max-width: 1200px) {
    .nav-secondary ul.nav-pills > li > a {
        font-size: 13px;
    }
    .banner_inner {
        overflow: hidden;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
    div#sortablethumbnails {
        width: 480px;
    }
    .banner_inner {
        overflow: hidden;
    }
}

    @media only screen and (min-width: 767px) and (max-width: 991px) {
        .no-wrap span.label.label-success {
            position: absolute;
            right: 0;
        }
        .header--style2 .navbar-brand img {
            max-height: 100px;
        }
        .banner_inner {
            overflow: hidden;
        }
        a.navbar-brand {
            float: left !important;
            width: 50%;
            max-width: max-content !important;
        }
        div#awe-main-nav {
            float: right;
            width: 50%;
        }
        .nav-secondary ul.nav-pills > li > a {
            font-size: 15px;
        }



        li.filter-option a {
            font-size: 12px;
        }

        .nav-secondary .nav-pills li a {
            margin-top: 5px;
            padding: 10px 10px;
        }

        .boxfooter.text-right {
            text-align: center;
        }

        .boxfooter {
            border-right: 0;
        }

        .boxfooter {
            min-height: auto;
            text-align: center;
        }

        .iconrr a.nav-link {
            font-size: 14px;
        }

        .banner_inner img {
            width: auto;
            height: 230px;
        }

        footer {
            padding: 30px 0;
        }

        li.nav-item.iconrr {
            text-align: center;
        }
    }

    .boxout12 {
        display: contents;
    }

@media screen and (min-width: 767px) and (max-width: 767.5px) {
    .margentopdd {
        margin-top: 10px;
    }
    .boxint {
        position: absolute;
        right: 0;
        top: 84px;
        left: 0;
    }


    .boxout12 {
        display: flex;
        flex-wrap: wrap-reverse;
    }

    .nav-secondary input#FullTextQuery1 {
        width: 100%;
    }
    ul.nav.navbar-nav.iconrr {
        display: block;
    }
    li.nav-item.iconrr {
        width: 33%;
        float: left;
    }
    button.navbar-toggle.pull-right {
        margin-top: 13px;
    }
    div#awe-main-nav {
        margin-top: 0;
    }
    .navbar-dark .navbar-brand {
        margin: 0;
    }
    .header--style2 .navbar-brand img {
        max-height: 100px;
        margin: -13px 0;
    }
    ul.nav.navbar-nav.iconrr {
        margin-top: 14px;
    }
    div#awe-main-nav {
        overflow: hidden;
    }
    .banner_inner {
        overflow: hidden;
    }

    .nav-secondary input#FullTextQuery1 {
        width: 100% !important;
    }

    div#sortablethumbnails {
        width: 100%;
    }

    .boxint {
        margin-top: 0;
    }


    .btn-block {
        display: block;
        width: 100%;
        font-size: 12px;
    }



    .boxint {
        position: absolute;
        right: 0;
        top: 84px;
        left: 0;
    }



    .boxout12 {
        display: flex;
        flex-wrap: wrap-reverse;
    }

    body li.filter-option a {
        padding: 10px 0 !important;
    }

    .eventhome {
        display: block;
    }

    li.filter-option {
        padding: 0 !important;
        display: inline-block !important;
        width: 32% !important;
        font-size: 14px;
    }

    .nav > li > a {
        position: relative;
        display: block;
        padding: 5px 15px !important;
    }


    button#html5button {
        margin-bottom: 10px;
    }

    span.glyphicon.glyphicon-cog {
        top: 3px;
    }

    .top_ingfo h2 {
        font-size: 26px;
    }

    .well.well-sm.section-title .form-group {
        display: inline-block;
    }

    ul.list_detailss {
        float: left;
        width: 100%;
    }

    .nav-secondary input#FullTextQuery1 {
        width: 100%;
    }

    footer {
        padding: 25px 0 0 0;
    }

    ul.nav.navbar-nav.visible-xs {
        margin-top: 0;
    }

    .boxfooter.text-right {
        text-align: center;
        border: 0;
        padding: 0;
        width: 100%;
    }


    .boxfooter {
        border-right: 0;
        padding: 0;
        min-height: auto;
    }

    .footer__links a:first-child {
        border-right: 0;
        padding: 0;
        margin: 0;
    }

    .header--style2 .navbar-brand img {
        height: 100px;
    }

    .boxfooter h3 {
        text-align: center;
    }

    .boxfooter p {
        text-align: center;
    }

    .footer__links a:last-child {
        border-left: 0;
        padding: 0;
        margin: 0;
    }

    .boxfooter a {
        text-align: center;
        width: 100%;
        display: inline-block;
    }

    input.btn.btn-val-submit.btn-ga {
        min-width: 100%;
        margin: 0 auto !important;
    }

    .uploadimg button {
        margin: 0;
    }

    .sellcons1 {
        background-size: 100%;
    }

    .banner_inner img {
        width: auto;
        height: 230px;
    }

    .sellcons .row.two-columns {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .banner_inner h2 {
        font-size: 39px;
    }

    .form-group .panel-body {
        padding: 15px 0;
    }

    .banner_inner {
        overflow: hidden;
    }

    div#awe-main-nav {
        position: absolute;
        background: #000;
        top: 149px;
        left: 0;
        right: 0;
        z-index: 9999;
        padding: 0 20px 20px 20px;
    }

    span.glyphicon.glyphicon-usd {
        display: none;
    }

    span.glyphicon.glyphicon-user {
        display: none;
    }

    .navbar-text span.no-wrap {
        background: #ba965985;
        margin: 14px 0 0 0;
        padding: 9px 0;
    }

    p.navbar-text a {
        background: #ba9659;
        border: transparent;
        text-align: left;
        color: #fff;
        padding: 5px 30px 5px 10px;
        float: left !important;
    }

    p.navbar-text button {
        background: #ba9659;
        border: transparent;
        text-align: left;
        color: #fff;
        padding: 5px 10px 5px 10px;
    }

    ul.dropdown-menu.myaccount__dropdown.show {
        background: #3e3e3e;
        margin-bottom: 10px;
    }

        ul.dropdown-menu.myaccount__dropdown.show a {
            color: #fff;
            padding-top: 5px !important;
        }
    div#progress_bar {
        margin-bottom: 10px;
    }
}

    @media screen and (max-width: 767px) {

        .no-wrap span.label.label-success {
            position: inherit;
            right: 100%;
            width: auto;
        }
        .margentopdd {
            margin-top: 10px;
        }
        .banner_inner {
            overflow: hidden;
        }

        .nav-secondary input#FullTextQuery1 {
            width: 100% !important;
        }



        div#sortablethumbnails {
            width: 100% !important;
        }

        .boxint {
            margin-top: 0;
        }

        .view-all-lots {
            margin-top: 0 !important;
        }


        .btn-block {
            display: block;
            width: 100%;
            font-size: 12px;
        }

        .boxint {
            position: absolute;
            right: 0;
            top: 84px;
            left: 0;
        }


        .boxout12 {
            display: flex;
            flex-wrap: wrap-reverse;
        }


        body li.filter-option a {
            padding: 10px 0 !important;
        }



        li.filter-option {
            padding: 0 !important;
            display: inline-block !important;
            width: 32% !important;
            font-size: 14px;
        }

        .nav > li > a {
            position: relative;
            display: block;
            padding: 5px 15px !important;
        }


        button#html5button {
            margin-bottom: 10px;
        }

        span.glyphicon.glyphicon-cog {
            top: 3px;
        }

        .top_ingfo h2 {
            font-size: 26px;
        }

        .well.well-sm.section-title .form-group {
            display: inline-block;
        }

        ul.list_detailss {
            float: left;
            width: 100%;
        }

        .nav-secondary input#FullTextQuery1 {
            width: 100%;
        }

        footer {
            padding: 25px 0 0 0;
        }

        ul.nav.navbar-nav.visible-xs {
            margin-top: 0;
        }

        .boxfooter.text-right {
            text-align: center;
            border: 0;
            padding: 0;
            width: 100%;
        }


        .boxfooter {
            border-right: 0;
            padding: 0;
            min-height: auto;
        }

        .footer__links a:first-child {
            border-right: 0;
            padding: 0;
            margin: 0;
        }

        .header--style2 .navbar-brand img {
            height: 100px;
        }

        .boxfooter h3 {
            text-align: center;
        }

        .boxfooter p {
            text-align: center;
        }

        .footer__links a:last-child {
            border-left: 0;
            padding: 0;
            margin: 0;
        }

        .boxfooter a {
            text-align: center;
            width: 100%;
            display: inline-block;
        }

        input.btn.btn-val-submit.btn-ga {
            min-width: 100%;
            margin: 0 auto !important;
        }

        .uploadimg button {
            margin: 0;
        }

        .sellcons1 {
            background-size: 100%;
        }

        .banner_inner img {
            width: auto;
            height: 230px;
        }

        .sellcons .row.two-columns {
            display: flex;
            flex-wrap: wrap;
            flex-direction: column-reverse;
        }

        .banner_inner h2 {
            font-size: 39px;
        }

        .form-group .panel-body {
            padding: 15px 0;
        }

        .banner_inner {
            overflow: hidden;
        }

        div#awe-main-nav {
            position: absolute;
            background: #000;
            top: 149px;
            left: 0;
            right: 0;
            z-index: 9999;
            padding: 0 20px 20px 20px;
        }

        span.glyphicon.glyphicon-usd {
            display: none;
        }

        span.glyphicon.glyphicon-user {
            display: none;
        }

        .navbar-text span.no-wrap {
            background: #ba965985;
            margin: 14px 0 0 0;
            padding: 9px 0;
        }

        p.navbar-text a {
            background: #ba9659;
            border: transparent;
            text-align: left;
            color: #fff;
            padding: 5px 30px 5px 10px;
            float: left !important;
        }

        p.navbar-text button {
            background: #ba9659;
            border: transparent;
            text-align: left;
            color: #fff;
            padding: 5px 10px 5px 10px;
        }

        ul.dropdown-menu.myaccount__dropdown.show {
            background: #3e3e3e;
            margin-bottom: 10px;
        }

            ul.dropdown-menu.myaccount__dropdown.show a {
                color: #fff;
                padding-top: 5px !important;
            }
    }

.galleryImage.Aspect11 {
    overflow: hidden !important;
}
.galleryUnit {
    overflow: hidden !important;
}
.detail__submit-wrapper .input-group .form-control:focus {
    z-index: inherit !important;
}

@media (max-width:455px){
    .galleryTitle{ height: 100px;}
}
/*v3.6*/
span.caret span.label {width: auto;}
span.caret > span.label .glyphicon.glyphicon-envelope{font-size:10px;}
ul.myaccount__dropdown li a .label.label-success {font-size: 12px;}

/* ============================================================
   PLACER PROD CUSTOM.CSS APPEND — Google sign-in button ONLY
   Ship date: 2026-05-13
   Paste this block at the END of /www/Content/css/custom.css.
   Do NOT replace the file.

   Purpose: override the 2015-era bootstrap-social red .btn-google
   default with the modern Google brand-compliant white button + 4-color G.

   Scope: ONLY .btn-google. Nothing else on the site is touched.
   ============================================================ */
.btn-google {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px;
    padding: 0 16px 0 50px !important;
    border-radius: 4px !important;
    font-family: 'Roboto', 'Segoe UI', system-ui, -apple-system, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.25px;
    text-decoration: none;
    text-overflow: ellipsis;
    transition: background-color 0.18s ease, box-shadow 0.18s ease;
    background-repeat: no-repeat !important;
    background-position: 14px center !important;
    background-size: 18px 18px !important;
    margin: 0 0 8px 0 !important;
    width: 100%;
    background-color: #fff !important;
    color: #1f1f1f !important;
    border: 1px solid #dadce0 !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'><path fill='%23FFC107' d='M43.611 20.083H42V20H24v8h11.303c-1.649 4.657-6.08 8-11.303 8c-6.627 0-12-5.373-12-12s5.373-12 12-12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4C12.955 4 4 12.955 4 24s8.955 20 20 20s20-8.955 20-20c0-1.341-.138-2.65-.389-3.917z'/><path fill='%23FF3D00' d='m6.306 14.691l6.571 4.819C14.655 15.108 18.961 12 24 12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4C16.318 4 9.656 8.337 6.306 14.691z'/><path fill='%234CAF50' d='M24 44c5.166 0 9.86-1.977 13.409-5.192l-6.19-5.238A11.91 11.91 0 0 1 24 36c-5.202 0-9.619-3.317-11.283-7.946l-6.522 5.025C9.505 39.556 16.227 44 24 44z'/><path fill='%231976D2' d='M43.611 20.083H42V20H24v8h11.303a12.04 12.04 0 0 1-4.087 5.571l.003-.002l6.19 5.238C36.971 39.205 44 34 44 24c0-1.341-.138-2.65-.389-3.917z'/></svg>") !important;
}
.btn-google > :first-child {
    display: none !important;
}
.btn-google:hover,
.btn-google:focus,
.btn-google:active {
    background-color: #f8f9fa !important;
    color: #1f1f1f !important;
    border-color: #dadce0 !important;
    box-shadow: 0 1px 3px rgba(60,64,67,.12);
}
/* === Placer Google sign-in button: end === */

/* ===== Slate & Gold header/footer chrome (pa-chrome.css) — appended 2026-06-21 ===== */
/* ==================================================================
   Placer Auctions — Slate & Gold HEADER + FOOTER (chrome only)
   Appended to Content/css/custom.css. Scoped so NOTHING bleeds into
   the AuctionWorx middle: no body/a/* globals, no .row/.page/.pill/.section.
   Bare element selectors scoped (nav -> .bar nav, name -> .brand .name).
   ================================================================== */
:root{
  --slate:#27313D; --deep:#1C242E; --deep2:#222C37;
  --gold:#C8A45C; --gold-soft:#D8BE86;
  --cream:#ECE7DC; --pa-body:#9BA4AE; --link:#BFC6CE;
  --rule:#37424F; --rule-soft:rgba(200,164,92,.25);
  --serif:Georgia,'Times New Roman',serif;
  --sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
}
.skip{position:absolute;left:-9999px;top:0;z-index:100}
.skip:focus{left:8px;top:8px;width:auto;height:auto;padding:10px 16px;background:var(--gold);color:var(--deep);border-radius:4px;font-weight:600}

/* ============ HEADER ============ */
header.header-splash{position:static;box-shadow:0 1px 0 var(--rule);background:var(--slate)}
.header-splash .wrap{max-width:1200px;margin:0 auto;padding:0 32px}
.util{background:var(--deep2);border-bottom:1px solid var(--rule)}
.util .wrap{display:flex;justify-content:space-between;align-items:center;height:40px;font-size:12.5px;letter-spacing:.03em;color:var(--pa-body)}
.util a{color:var(--link)}
.util a:hover{color:var(--gold-soft)}
.util .sep{color:#4A5663;margin:0 4px}
.util b{color:var(--gold-soft)}
.util .left,.util .right{display:flex;align-items:center;gap:16px}
.util .ic{color:var(--gold);margin-right:5px;display:inline-flex;align-items:center;vertical-align:-2px}
.util .ic svg{width:13px;height:13px;display:block}
.util-mini{display:none}

.bar{background:var(--slate);border-bottom:1px solid var(--rule)}
.bar .wrap{display:flex;align-items:center;gap:16px;height:84px}
.brand{display:flex;align-items:center;gap:14px;flex:0 0 auto}
.brand img{width:44px;height:44px;border-radius:50%;display:block;box-shadow:0 0 0 1px var(--rule-soft),0 0 0 4px rgba(0,0,0,.12)}
.brand .name{font-family:var(--serif);text-transform:uppercase;letter-spacing:.13em;line-height:1;font-size:20px;font-weight:600;color:var(--cream);white-space:nowrap}
.brand .name span{color:var(--gold)}
.search{display:flex;align-items:center;flex:1 1 auto;min-width:0;max-width:520px;height:42px;overflow:hidden;background:var(--deep);border:1px solid var(--rule);border-radius:6px;padding:0 14px;gap:10px;transition:.18s}
.search:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px var(--rule-soft)}
.search .mag{color:var(--gold);display:inline-flex;align-items:center}
.search .mag svg{width:15px;height:15px;display:block}
.search input{flex:1;min-width:0;background:transparent;border:0;color:var(--cream);font-size:14px;outline:none;box-shadow:none}
.search input::placeholder{color:#6b7682}
.barsearch{display:none;background:var(--slate);border-bottom:1px solid var(--rule)}
.barsearch .wrap{padding-top:12px;padding-bottom:12px}
.barsearch .search{max-width:none;width:100%;height:46px}
.bar nav{display:flex;gap:15px;align-items:center;flex:0 0 auto;float:none}
.bar nav a{font-size:13px;letter-spacing:0;color:var(--link);font-weight:500;white-space:nowrap;padding:8px 0;border-bottom:2px solid transparent}
.bar nav a:hover{color:var(--gold-soft)}
.bar nav a.active{color:var(--gold-soft);border-bottom-color:var(--gold)}
.acct{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.acct a{font-size:12.5px;letter-spacing:.02em;color:var(--link);white-space:nowrap}
.acct a:hover{color:var(--gold-soft)}
.acct .ic{color:var(--gold);margin-right:5px;display:inline-flex;align-items:center;vertical-align:-2px}
.acct .ic svg{width:14px;height:14px;display:block}
.ctas{display:flex;gap:10px;flex:0 0 auto}
.btn-gold{display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--gold);color:var(--gold-soft);padding:9px 16px;border-radius:4px;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;transition:.18s;white-space:nowrap}
.btn-gold:hover{background:var(--gold);color:var(--deep)}
.btn-gold--solid{background:var(--gold);color:var(--deep);border-color:var(--gold)}
.btn-gold--solid:hover{background:var(--gold-soft);color:var(--deep)}
.burger{display:none;width:44px;height:44px;background:transparent;border:1px solid var(--rule);border-radius:4px;cursor:pointer;flex:0 0 auto;margin-left:auto;padding:0}
.burger span{display:block;width:20px;height:2px;background:var(--gold-soft);margin:4px auto;transition:.18s}

.trust{background:var(--deep2);border-top:1px solid var(--rule)}
.trust .wrap{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 30px;min-height:44px;align-items:center;padding:11px 32px;font-size:12.5px;color:var(--pa-body)}
.trust b{color:var(--gold-soft)}
.trust .sep{display:inline-block;width:1px;height:11px;background:var(--rule-soft);text-indent:-9999px;overflow:hidden}

/* mobile drawer */
.drawer{display:none;background:var(--slate)}
.drawer .dhead{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--rule)}
.drawer .dhead .brand img{width:42px;height:42px}
.drawer .dhead .name{font-size:18px}
.drawer .x{background:transparent;border:0;color:var(--cream);font-size:30px;line-height:1;cursor:pointer;padding:0 4px}
.drawer .body{padding:18px 20px 24px}
.drawer .search{max-width:none;margin:0 0 8px}
.drawer .lbl{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:18px 0 10px}
.dnav a{display:block;font-family:var(--serif);font-size:20px;color:var(--cream);padding:14px 0;border-bottom:1px solid var(--rule)}
.dnav a:hover{color:var(--gold-soft)}
.dacct a{display:flex;align-items:center;gap:12px;font-size:16px;color:var(--link);padding:13px 0}
.dacct a:hover{color:var(--gold-soft)}
.dacct .ic{color:var(--gold);display:inline-flex;align-items:center}
.dacct .ic svg{width:18px;height:18px;display:block}
.dfoot{display:flex;flex-direction:column;gap:14px;align-items:stretch;padding-top:18px;margin-top:8px;border-top:1px solid var(--rule)}
.dfoot .btn-gold--solid{text-align:center;min-height:48px}
.dfoot .phone{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--cream);font-size:14px;white-space:nowrap}
.dfoot .phone .ic{color:var(--gold);display:inline-flex;align-items:center}
.dfoot .phone .ic svg{width:15px;height:15px;display:block}

/* ============ FOOTER ============ */
footer{background:var(--deep);color:var(--pa-body)}
footer .wrap{max-width:1200px;margin:0 auto;padding:0 32px}
footer a{color:var(--link);text-decoration:none;transition:.18s}
footer a:hover{color:var(--gold-soft)}
.fmain{border-top:1px solid var(--rule);padding:52px 0 38px}
.fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:40px}
.fbrand .lock{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.fbrand .mark{width:60px;height:60px;flex:0 0 auto;display:block}
.fbrand .mark img{width:100%;height:100%;object-fit:contain;display:block}
.fbrand .name{font-family:var(--serif);font-size:13px;letter-spacing:.18em;text-transform:uppercase;line-height:1.5;color:var(--cream)}
.fbrand .name span{color:var(--gold)}
.fbrand p.tag{font-size:14px;line-height:1.65;margin:0 0 22px;max-width:300px}
.contact{list-style:none;padding:0;margin:0 0 18px;font-size:14px}
.contact li{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.contact .ic{color:var(--gold);width:16px;flex:0 0 16px;display:inline-flex;align-items:center;justify-content:center}
.contact .ic svg{width:15px;height:15px;display:block}
.social{display:flex;gap:14px;font-size:14px}
.col h2{color:var(--gold);font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin:0 0 18px}
.col ul{list-style:none;padding:0;margin:0}
.col li{margin-bottom:5px}
.col li a{display:inline-block;padding:6px 0}
.ftrust{border-top:1px solid var(--rule);background:#161d25}
.ftrust .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 34px;padding:18px 32px;font-size:13px;color:var(--pa-body)}
.ftrust b{color:var(--gold-soft)}
.trustitems{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.pay{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.pay .paylbl{font-size:12px;letter-spacing:.04em;color:var(--pa-body)}
.pay .card{border:1px solid var(--rule);border-radius:4px;padding:4px 9px;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--link);background:#10161d;font-weight:600}
.flegal{background:#10161d;border-top:1px solid var(--rule)}
.flegal .wrap{display:flex;justify-content:center;gap:14px;padding:16px 32px;font-size:12.5px;color:var(--pa-body)}

/* ---- auction status tabs (Current/Upcoming/Closed) -> slate blue ---- */
li.filter-option a,body li.filter-option a{background:var(--slate)!important;color:var(--cream)!important}
li.filter-option a:hover,body li.filter-option a:hover{background:var(--gold)!important;color:var(--deep)!important}

/* ============ RESPONSIVE (header/footer only) ============ */
@media(max-width:1080px){
  .bar .search{display:none}
  .barsearch{display:block}
  .bar .wrap{gap:14px}
  .bar nav{gap:11px}
  .bar nav a{font-size:12.5px}
  .ctas{gap:8px}
  .ctas .btn-gold{padding:8px 13px;font-size:11px}
}
@media(max-width:860px){
  .util .wrap{display:none}
  .util-mini{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;text-align:center;padding:4px 16px;line-height:1.3;height:auto;min-height:34px;font-size:12px;color:var(--pa-body)}
  .util-mini a{color:var(--link)}
  .util-mini .ic{color:var(--gold);margin-right:4px;display:inline-flex;align-items:center;vertical-align:-2px}
  .util-mini .ic svg{width:12px;height:12px;display:block}
  .bar .wrap{height:66px;justify-content:space-between}
  .bar .search,.bar nav,.ctas{display:none}
  .brand{flex:0 1 auto;min-width:0}
  .brand .name{overflow:hidden;text-overflow:ellipsis;min-width:0}
  .burger{display:flex;flex-direction:column;justify-content:center;flex:0 0 auto;margin-left:12px}
  .trust{display:none}
  header.header-splash.open .burger span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  header.header-splash.open .burger span:nth-child(2){opacity:0}
  header.header-splash.open .burger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  header.header-splash.open .drawer{display:block;position:fixed;top:0;left:0;right:0;bottom:0;z-index:60;overflow-y:auto;-webkit-overflow-scrolling:touch}
  .fgrid{grid-template-columns:1fr 1fr;gap:32px}
  .fbrand{grid-column:1/-1}
}
@media(max-width:640px){
  .ftrust .wrap{justify-content:center;text-align:center}
  .trustitems,.pay{justify-content:center;width:100%}
}
@media(max-width:560px){
  .header-splash .wrap,footer .wrap{padding:0 20px}
  .bar .wrap{gap:10px}
  .brand{gap:9px}
  .brand img{width:42px;height:42px}
  .brand .name{font-size:15px;letter-spacing:.05em}
  .fgrid{grid-template-columns:1fr}
  .ftrust .wrap{padding:18px 20px}
  .flegal .wrap{padding:16px 20px;flex-wrap:wrap}
}

/* === POLISH PASS v1 === */
/* breathing room below the header chrome */
header.header-splash{margin-bottom:20px}
/* kill the inherited cream box behind the footer logo; use transparent PNG */
footer .fbrand .mark,footer .fbrand .mark img{background:none!important;background-color:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;border-radius:0!important}
footer .fbrand .mark{width:64px;height:64px}
/* dark canvas below the footer (no white gap on short pages) */
html{background:#10161d}
.fbrand .addr{display:inline-block;line-height:1.5}
/* footer social -> icon buttons */
.social{gap:10px;align-items:center}
.social a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--rule);border-radius:9px;color:var(--link);transition:.18s}
.social a:hover{border-color:var(--gold);color:var(--gold-soft);background:#10161d}
.social svg{width:17px;height:17px;display:block}
/* header Browse mega-menu */
.bar nav .navitem{position:relative;display:inline-flex;align-items:center}
.navitem>a{display:inline-flex;align-items:center;gap:5px}
.navitem .chev{display:inline-flex;align-items:center;transition:transform .18s}
.navitem .chev svg{width:13px;height:13px;display:block}
.navitem:hover .chev{transform:rotate(180deg)}
.mega{position:absolute;top:calc(100% + 10px);left:-12px;display:none;background:var(--deep);border:1px solid var(--rule);border-radius:10px;padding:18px 20px;min-width:560px;z-index:80;box-shadow:0 22px 50px rgba(0,0,0,.45)}
.mega:before{content:"";position:absolute;top:-16px;left:0;right:0;height:16px}
.navitem:hover .mega,.navitem:focus-within .mega{display:block}
.mega-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 28px}
.mega-grid a{display:block;padding:7px 2px;font-size:13px;color:var(--link);white-space:nowrap;border-bottom:0}
.mega-grid a:hover{color:var(--gold-soft)}
.mega-all{display:inline-block;margin-top:14px;padding-top:12px;border-top:1px solid var(--rule);font-size:12.5px;letter-spacing:.04em;color:var(--gold-soft)}
/* mobile drawer categories */
.drawer .body{overflow-x:hidden}
.dcats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.dcats a{display:block;min-width:0;font-size:12.5px;line-height:1.25;color:var(--link);padding:9px 6px 9px 0;border-bottom:1px solid var(--rule);overflow-wrap:anywhere}
.dcats a:hover{color:var(--gold-soft)}

/* === STATES v3: search-button, admin, seal === */
.bar .searchbtn{display:inline-flex;align-items:center;gap:8px;background:var(--deep);border:1px solid var(--rule);border-radius:6px;color:var(--link);font-size:13px;letter-spacing:.01em;padding:0 16px;height:42px;cursor:pointer;white-space:nowrap}
.bar .searchbtn:hover{border-color:var(--gold);color:var(--gold-soft)}
.bar .searchbtn .mag{display:inline-flex;color:var(--gold)}
.bar .searchbtn .mag svg{width:15px;height:15px;display:block}
@media(min-width:861px){.header-splash.search-open .barsearch{display:block}}
.pa-adminbadge{display:inline-flex;align-items:center;background:var(--gold);color:var(--deep);font-size:10px;font-weight:700;letter-spacing:.12em;padding:3px 8px;border-radius:4px;margin-right:12px;text-transform:uppercase;align-self:center}
.btn-gold .pa-cog{display:inline-flex;margin-right:7px;vertical-align:-2px}
.btn-gold .pa-cog svg{width:15px;height:15px;display:block}
footer .fbrand .seal{display:block;margin-bottom:18px}
footer .fbrand .seal img{width:132px;height:132px;display:block}
@media(max-width:560px){footer .fbrand .seal img{width:108px;height:108px}}

/* ================= Slate & Gold — polish & a11y overrides (2026-06-21) ================= */
/* keyboard focus (was relying on subtle color only) */
.bar nav a:focus-visible,.acct a:focus-visible,.util a:focus-visible,
.btn-gold:focus-visible,.searchbtn:focus-visible,.dnav a:focus-visible,
.dcats a:focus-visible,.drawer .x:focus-visible,.col a:focus-visible,
.social a:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:3px}
.burger:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
/* search field affordances + contrast (placeholder failed AA) */
.search input::placeholder{color:#8a95a8}
.search input{caret-color:var(--gold)}
/* reduced motion */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
/* mega-menu: never overflow the viewport */
.mega{max-height:min(70vh,560px);overflow-y:auto}
@media(max-width:640px){.mega-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:2px 16px}}
/* mobile tap targets */
@media(max-width:860px){
  .burger{width:48px;height:48px}
  .drawer .x{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  .dnav a{font-size:16px;padding:14px 0;line-height:1.4}
  .dcats a{padding:12px 8px 12px 0}
}
@media(max-width:480px){.dcats{grid-template-columns:1fr!important}}
/* type rhythm */
.util,.util-mini{line-height:1.4}
.trust .wrap{line-height:1.5}
.col h2{font-weight:700}

/* === Azure staging polish pass: header usability + payment marks (2026-06-22) === */
:root{
  --brand-font:'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
}
.brand .name{
  font-family:var(--brand-font);
  font-weight:700;
  letter-spacing:.075em;
  font-size:18px;
}
.brand .name span{font-weight:700}
.dhead .brand .name{font-size:17px;letter-spacing:.065em}
.dnav a{
  font-family:var(--brand-font);
  font-weight:700;
  letter-spacing:0;
}
.bar .searchbtn{
  text-decoration:none;
  min-width:94px;
}
.bar .searchbtn:hover,.bar .searchbtn:focus{
  text-decoration:none;
}
.barsearch,
.header-splash.search-open .barsearch{
  display:none!important;
}
.bar nav .navitem.has-mega{
  position:relative;
  padding:18px 0;
  margin:-18px 0;
}
.bar nav .navitem.has-mega > a{
  padding:8px 0;
}
.mega{
  top:100%!important;
  left:0!important;
  margin-top:0;
  min-width:min(680px,calc(100vw - 64px));
  padding:14px 16px 16px;
  z-index:10000;
}
.mega:before{
  top:-12px;
  height:12px;
}
.mega-grid{
  grid-template-columns:repeat(2,minmax(210px,1fr));
  gap:0 28px;
}
.mega-grid a{
  padding:9px 4px;
  border-bottom:1px solid rgba(55,66,79,.7);
}
.mega-all{
  width:100%;
}
.pay{
  gap:9px;
}
.pay .paylbl{
  margin-right:2px;
}
.pay .pay-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:28px;
  line-height:0;
  filter:drop-shadow(0 1px 0 rgba(0,0,0,.18));
}
.pay .pay-icon svg{
  width:70px;
  height:28px;
  display:block;
  border-radius:5px;
}
@media(max-width:1080px){
  .barsearch{display:none!important}
}
@media(max-width:860px){
  .bar .searchbtn{
    display:inline-flex;
    min-width:96px;
    height:42px;
    padding:0 14px;
    justify-content:center;
  }
}
@media(max-width:560px){
  .bar .wrap{
    justify-content:space-between;
    overflow:visible;
  }
  .bar .brand{
    flex:1 1 0;
    max-width:none;
    min-width:0;
  }
  .brand .name{
    font-size:15px;
    letter-spacing:.045em;
  }
  .bar .searchbtn{
    display:none;
  }
  .burger{
    display:flex!important;
    flex:0 0 44px;
    width:44px;
    height:44px;
    margin-left:0;
  }
  .pay .pay-icon svg{
    width:64px;
    height:26px;
  }
}

/* === Azure staging polish pass: compact search, mobile drawer trim, lockup logo (2026-06-22) === */
.brand-lockup{
  gap:0;
  min-width:0;
}
.brand-lockup .brand-logo{
  width:auto!important;
  height:74px!important;
  max-width:190px;
  object-fit:contain;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.drawer .dhead .brand-lockup .brand-logo{
  width:auto!important;
  height:64px!important;
  max-width:166px;
}
.util .acct a{
  display:inline-flex;
  align-items:center;
  gap:5px;
}
.util .acct .ic{
  margin-right:0;
}
.util .acct .ic svg{
  width:14px;
  height:14px;
}
.bar .searchbtn{
  font-family:var(--brand-font);
}
.bar .searchbtn[aria-expanded="true"]{
  border-color:var(--gold);
  color:var(--gold-soft);
  background:#151c24;
}
.barsearch{
  display:none!important;
  background:var(--deep2);
  border-bottom:1px solid var(--rule);
}
.header-splash.search-open .barsearch{
  display:block!important;
}
.barsearch .wrap{
  padding-top:12px;
  padding-bottom:12px;
}
.header-search-form{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  max-width:760px;
  margin:0 auto;
}
.header-search-form .search{
  flex:1 1 420px;
  max-width:520px;
  height:42px;
}
.header-search-form .searchsubmit{
  height:42px;
  border:1px solid var(--gold);
  border-radius:5px;
  background:var(--gold);
  color:var(--deep);
  font-family:var(--brand-font);
  font-weight:700;
  padding:0 18px;
}
.header-search-form .advanced{
  color:var(--link);
  font-size:13px;
  white-space:nowrap;
}
.header-search-form .advanced:hover{
  color:var(--gold-soft);
}
.dcats-all{
  display:inline-flex;
  margin-top:12px;
  color:var(--gold-soft);
  font-size:13px;
  font-weight:700;
}
@media(max-width:1080px){
  .brand-lockup .brand-logo{
    height:66px!important;
    max-width:170px;
  }
}
@media(max-width:860px){
  .util{
    display:none;
  }
  .bar .wrap{
    height:78px;
  }
  .brand-lockup .brand-logo{
    height:58px!important;
    max-width:150px;
  }
  .bar .searchbtn{
    display:none;
  }
  .drawer .body{
    padding:16px 20px 22px;
  }
  .drawer .lbl{
    margin:14px 0 8px;
  }
  .dnav a{
    padding:11px 0;
  }
  .dcats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .dcats a{
    padding:9px 8px 9px 0;
  }
  .dcats a:nth-child(n+9){
    display:none;
  }
  .dfoot .phone{
    display:none;
  }
}
@media(max-width:560px){
  .brand-lockup .brand-logo{
    height:56px!important;
    max-width:145px;
  }
  .drawer .dhead .brand-lockup .brand-logo{
    height:60px!important;
    max-width:156px;
  }
}

/* === Azure staging polish pass: natural desktop nav order (2026-06-22) === */
@media(min-width:861px){
  .bar .wrap{
    gap:0;
  }
  .bar nav{
    flex:1 1 auto;
    margin-left:28px;
    gap:22px;
  }
  .ctas{
    margin-left:auto;
  }
  .bar nav a,
  .bar nav .searchbtn{
    display:inline-flex;
    align-items:center;
    gap:6px;
    height:auto;
    min-width:0;
    padding:8px 0;
    background:transparent;
    border:0;
    border-bottom:2px solid transparent;
    border-radius:0;
    color:var(--link);
    font-size:13px;
    font-weight:700;
    letter-spacing:0;
    line-height:1;
  }
  .bar nav a:hover,
  .bar nav .searchbtn:hover,
  .bar nav .searchbtn:focus{
    background:transparent;
    color:var(--gold-soft);
    border-bottom-color:transparent;
  }
  .bar nav .searchbtn[aria-expanded="true"]{
    background:transparent;
    color:var(--gold-soft);
    border-bottom-color:var(--gold);
  }
  .bar nav .searchbtn .mag{
    color:var(--gold);
  }
}
@media(min-width:861px) and (max-width:1080px){
  .bar nav{
    margin-left:20px;
    gap:14px;
  }
  .bar nav a,
  .bar nav .searchbtn{
    font-size:12.5px;
  }
}

/* === Azure staging ultracode: tablet nav + collapsed mobile categories (2026-06-22) === */
.drawer-toggle{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:14px 0 8px;
  padding:0 0 12px;
  background:transparent;
  border:0;
  border-bottom:1px solid var(--rule);
  color:var(--gold);
  font-family:var(--brand-font);
  font-size:11px;
  font-weight:700;
  letter-spacing:.18em;
  line-height:1.2;
  text-align:left;
  text-transform:uppercase;
}
.drawer-toggle span{
  color:var(--cream);
  font-size:18px;
  line-height:1;
}
.dcats-panel[hidden]{
  display:none!important;
}
.dcats-panel.open{
  display:block;
}
@media(min-width:681px) and (max-width:860px){
  .header-splash .wrap{
    padding:0 20px;
  }
  .bar .wrap{
    height:76px;
    gap:0;
    justify-content:flex-start;
  }
  .brand-lockup{
    flex:0 0 auto;
  }
  .brand-lockup .brand-logo{
    height:56px!important;
    max-width:145px;
  }
  .bar nav{
    display:flex!important;
    flex:1 1 auto;
    align-items:center;
    gap:12px;
    margin-left:18px;
  }
  .bar nav a,
  .bar nav .searchbtn{
    display:inline-flex!important;
    align-items:center;
    gap:5px;
    height:auto;
    min-width:0;
    padding:8px 0;
    background:transparent;
    border:0;
    border-bottom:2px solid transparent;
    border-radius:0;
    color:var(--link);
    font-size:12px;
    font-weight:700;
    letter-spacing:0;
    line-height:1;
  }
  .bar nav a:hover,
  .bar nav .searchbtn:hover,
  .bar nav .searchbtn:focus{
    background:transparent;
    color:var(--gold-soft);
  }
  .bar nav .searchbtn[aria-expanded="true"]{
    color:var(--gold-soft);
    border-bottom-color:var(--gold);
  }
  .bar nav .searchbtn .mag svg{
    width:13px;
    height:13px;
  }
  .ctas{
    display:flex!important;
    flex:0 0 auto;
    margin-left:14px;
  }
  .ctas .btn-gold{
    min-height:34px;
    padding:8px 12px;
    font-size:10.5px;
    letter-spacing:.06em;
  }
  .burger{
    display:none!important;
  }
  .trust,
  .util,
  .util-mini{
    display:none!important;
  }
  .header-search-form{
    max-width:640px;
  }
}
@media(min-width:681px) and (max-width:740px){
  .bar nav{
    gap:10px;
    margin-left:14px;
  }
  .bar nav a,
  .bar nav .searchbtn{
    font-size:11.5px;
  }
  .brand-lockup .brand-logo{
    height:52px!important;
    max-width:134px;
  }
  .ctas{
    margin-left:10px;
  }
  .ctas .btn-gold{
    padding:8px 10px;
    font-size:10px;
  }
}
@media(max-width:680px){
  .bar nav,
  .ctas{
    display:none!important;
  }
  .burger{
    display:flex!important;
  }
  .trust,
  .util,
  .util-mini{
    display:none!important;
  }
}

/* === Azure staging ultracode: official-style utility bar (2026-06-22) === */
.util{
  background:#101010!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.util .wrap{
  height:34px;
  color:#c8ced6;
}
.util a{
  color:#e0e5eb;
}
.util a:hover{
  color:var(--gold-soft);
}
.util .sep{
  color:rgba(255,255,255,.22);
}
@media(min-width:681px) and (max-width:860px){
  .util{
    display:block!important;
  }
  .util .wrap{
    display:flex!important;
    height:32px;
    padding:0 20px;
    font-size:12px;
  }
  .util .left,
  .util .right{
    display:flex;
    align-items:center;
  }
  .util .left a[href^="mailto:"],
  .util .left .sep{
    display:none;
  }
}
@media(max-width:680px){
  .util{
    display:none!important;
  }
}

/* === Azure staging role-nav merge: single Account surface (2026-06-22) === */
.pa-access-state span{
  color:var(--pa-body);
  font-size:12.5px;
  letter-spacing:.03em;
  white-space:nowrap;
}
.bar nav .navitem.has-account{
  position:relative;
  padding:18px 0;
  margin:-18px 0;
}
.bar nav .navitem.has-account > a{
  padding:8px 0;
}
.account-menu{
  position:absolute;
  top:100%;
  right:0;
  display:none;
  width:260px;
  max-height:min(70vh,620px);
  overflow:auto;
  background:var(--deep);
  border:1px solid var(--rule);
  border-radius:10px;
  padding:10px 0 12px;
  z-index:10000;
  box-shadow:0 22px 50px rgba(0,0,0,.45);
}
.account-menu:before{
  content:"";
  position:absolute;
  top:-12px;
  left:0;
  right:0;
  height:12px;
}
.navitem.has-account:hover .account-menu,
.navitem.has-account:focus-within .account-menu{
  display:block;
}
.account-menu .acct-menu-heading,
.dacct .dacct-heading{
  color:var(--gold);
  font-size:11px;
  font-weight:700;
  letter-spacing:.16em;
  line-height:1.2;
  text-transform:uppercase;
}
.account-menu .acct-menu-heading{
  padding:12px 16px 5px;
}
.account-menu .acct-menu-heading:not(:first-child){
  margin-top:8px;
  border-top:1px solid var(--rule);
}
.account-menu a{
  display:block!important;
  height:auto!important;
  padding:8px 16px!important;
  border-bottom:0!important;
  color:var(--link)!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.25!important;
  white-space:normal!important;
}
.account-menu a:hover,
.account-menu a:focus{
  color:var(--gold-soft)!important;
  background:rgba(255,255,255,.035)!important;
}
.dacct .dacct-heading{
  margin:18px 0 6px;
}
.dacct .dacct-heading:first-child{
  margin-top:4px;
}
.bar nav .has-account .chev svg{
  width:13px;
  height:13px;
  display:block;
}

/* === Azure staging role header new-only: recommended mockup port (2026-06-22) === */
header.header-splash.pa-role-header{
  position:static;
  margin-top:0!important;
  margin-bottom:20px;
  background:#050505!important;
  box-shadow:0 1px 0 rgba(255,255,255,.08);
}
.pa-role-header .pa-role-util{
  margin-top:0;
}
.pa-role-header .pa-role-util{
  min-height:32px;
  padding-top:8px;
  color:#111;
  background:#ba9659;
  font-size:12px;
  font-weight:800;
}
.pa-role-header .pa-role-util a{
  color:#111;
}
.pa-role-header .pa-role-util a:hover,
.pa-role-header .pa-role-util a:focus{
  color:#000;
  text-decoration:none;
}
.pa-role-header .pa-role-util .glyphicon{
  color:#111;
}
.pa-role-header .pa-navbar{
  display:block!important;
  float:none!important;
  width:100%!important;
  clear:both;
  min-height:104px;
  margin:0;
  border:0;
  border-radius:0;
  background:#050505!important;
}
.pa-role-header .pa-navbar .container-fluid{
  max-width:1260px;
  margin:0 auto;
  padding-left:28px;
  padding-right:28px;
}
.pa-role-header .pa-og-brand{
  height:104px;
  width:226px;
  padding:7px 0;
}
.pa-role-header .pa-og-brand img{
  width:200px;
  height:auto;
  max-width:100%;
  display:block;
}
.pa-role-header .pa-public-nav > li > a,
.pa-role-header .pa-navbar .navbar-right > li > a{
  padding-top:42px!important;
  padding-bottom:42px!important;
  color:#f7f1e8!important;
  background:transparent!important;
  font-size:13px;
  font-weight:800;
}
.pa-role-header .pa-public-nav > li > a.pa-sell-direct{
  color:#f7f1e8!important;
}
.pa-role-header .pa-public-nav > li > a:hover,
.pa-role-header .pa-public-nav > li > a:focus,
.pa-role-header .pa-navbar .navbar-right > li > a:hover,
.pa-role-header .pa-navbar .navbar-right > li > a:focus,
.pa-role-header .pa-public-nav > li.open > a,
.pa-role-header .pa-account-dropdown.open > a{
  color:#d3a760!important;
  background:transparent!important;
}
.pa-role-header .pa-search-nav{
  width:315px;
  margin-top:30px;
  margin-bottom:0;
  padding-left:0;
}
.pa-role-header .pa-search-nav .input-group{
  width:100%;
}
.pa-role-header .pa-search-nav .form-control{
  height:44px;
  border-color:#caa15f;
  background:#0b1218;
  color:#fff;
  box-shadow:none;
}
.pa-role-header .pa-search-nav .form-control::placeholder{
  color:#a7adb4;
}
.pa-role-header .pa-search-nav .btn{
  height:44px;
  border-color:#caa15f;
  color:#111;
  background:#caa15f;
  font-weight:800;
}
.pa-role-header .dropdown-menu{
  border-color:#d8cbb9;
  border-radius:0 0 8px 8px;
  box-shadow:0 16px 28px rgba(0,0,0,.24);
}
.pa-role-header .dropdown-menu > li > a{
  padding:7px 18px;
  color:#24201b;
  font-weight:700;
}
.pa-role-header .dropdown-menu > li > a:hover,
.pa-role-header .dropdown-menu > li > a:focus{
  color:#111;
  background:#f4ead9;
}
.pa-role-header .pa-account-dropdown{
  position:relative;
}
.pa-role-header .pa-account-menu{
  width:320px;
  max-height:430px;
  overflow-y:auto;
  padding:10px 0;
}
.pa-role-header .pa-menu-heading{
  padding:10px 18px 5px;
  color:#9a7333;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.pa-role-header .pa-menu-heading:not(:first-child){
  margin-top:8px;
  border-top:1px solid #eee2d0;
}
.pa-role-header .pa-role-mobile-search{
  position:relative;
  height:48px;
  margin:14px 16px;
  border:1px solid #c8a469;
  border-radius:7px;
  background:#fff;
}
.pa-role-header .pa-role-mobile-search .glyphicon{
  position:absolute;
  top:15px;
  left:14px;
  color:#6c6254;
}
.pa-role-header .pa-role-mobile-search input{
  width:100%;
  height:46px;
  padding:0 12px 0 42px;
  border:0;
  outline:0;
  background:transparent;
  color:#211d18;
  font-size:14px;
}
@media(max-width:1199px){
  .pa-role-header .pa-search-nav{
    width:250px;
  }
  .pa-role-header .pa-public-nav > li > a,
  .pa-role-header .pa-navbar .navbar-right > li > a{
    padding-left:9px;
    padding-right:9px;
    font-size:12px;
  }
}
@media(min-width:768px) and (max-width:991px){
  .pa-role-header .pa-navbar .container-fluid{
    padding-left:18px;
    padding-right:18px;
  }
  .pa-role-header .pa-og-brand{
    width:184px;
  }
  .pa-role-header .pa-og-brand img{
    width:160px;
  }
  .pa-role-header .pa-search-nav{
    width:210px;
  }
  .pa-role-header .pa-public-nav > li > a,
  .pa-role-header .pa-navbar .navbar-right > li > a{
    padding-left:7px;
    padding-right:7px;
    font-size:11.5px;
  }
}
@media(max-width:767px){
  header.header-splash.pa-role-header{
    margin-bottom:16px;
    background:#fbf8f1!important;
  }
  .pa-role-header .pa-navbar{
    min-height:122px;
    border-bottom:1px solid #211a11;
    background:#050505!important;
  }
  .pa-role-header .pa-navbar .container-fluid{
    padding-left:16px;
    padding-right:16px;
  }
  .pa-role-header .pa-navbar .navbar-header{
    min-height:122px;
  }
  .pa-role-header .pa-og-brand{
    float:none;
    display:block;
    width:220px;
    height:122px;
    margin:0 auto;
    padding:12px 0 0;
  }
  .pa-role-header .pa-og-brand img{
    width:220px;
  }
  .pa-role-header .navbar-toggle{
    position:absolute;
    top:37px;
    right:16px;
    width:48px;
    height:48px;
    margin:0;
    border-color:#caa15f!important;
    border-radius:7px;
    background:#111!important;
  }
  .pa-role-header .navbar-toggle .icon-bar{
    background:#caa15f!important;
  }
  .pa-role-header .navbar-collapse{
    border-top:0;
    background:#fbf8f1;
    box-shadow:none;
  }
  .pa-role-header .navbar-nav{
    margin:0;
  }
  .pa-role-header .pa-public-nav > li > a,
  .pa-role-header .pa-navbar .navbar-right > li > a{
    padding:12px 0!important;
    border-bottom:1px solid #ded6cb;
    color:#211d18!important;
    font-size:14px;
  }
  .pa-role-header .pa-public-nav > li > a:hover,
  .pa-role-header .pa-public-nav > li > a:focus,
  .pa-role-header .pa-navbar .navbar-right > li > a:hover,
  .pa-role-header .pa-navbar .navbar-right > li > a:focus,
  .pa-role-header .pa-public-nav > li.open > a,
  .pa-role-header .pa-account-dropdown.open > a{
    color:#9a7333!important;
    background:transparent!important;
  }
  .pa-role-header .dropdown-menu{
    width:auto;
    max-height:none;
    margin:0;
    padding:0 0 8px 14px;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  .pa-role-header .dropdown-menu > li > a{
    padding:9px 0!important;
    color:#3a342c!important;
    font-size:13px;
  }
  .pa-role-header .pa-menu-heading{
    padding:15px 0 3px;
  }
  .pa-role-header .pa-menu-heading:not(:first-child){
    border-top:0;
  }
}

/* === Azure staging classic AuctionWorx-style role header (2026-06-22) === */
html,
body{
  margin:0!important;
  padding:0!important;
}
header.header-splash.pa-role-header.pa-classic-header{
  position:static;
  margin-top:0!important;
  margin-bottom:20px;
  background:#050505!important;
  box-shadow:none;
}
.pa-classic-header .pa-brand-row{
  background:#050505;
}
.pa-classic-header .pa-brand-row .container-fluid,
.pa-classic-header .pa-gold-nav .container-fluid{
  max-width:1260px;
  margin:0 auto;
  padding-left:38px;
  padding-right:38px;
}
.pa-classic-header .pa-brand-row .container-fluid{
  min-height:142px;
  display:flex;
  align-items:center;
  gap:24px;
}
.pa-classic-header .pa-og-brand{
  float:none;
  display:flex;
  align-items:center;
  width:252px;
  height:auto;
  padding:0;
}
.pa-classic-header .pa-og-brand img{
  width:238px;
  height:auto;
  display:block;
}
.pa-classic-header .pa-header-actions{
  margin-left:auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:16px;
}
.pa-classic-header .pa-sell-featured{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 20px;
  border:1px solid rgba(255,255,255,.34);
  border-radius:7px;
  background:#ba9659;
  color:#fff;
  font-size:14px;
  font-weight:800;
  line-height:1;
  text-decoration:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
  transition:transform .16s ease, background-color .16s ease, box-shadow .16s ease;
}
.pa-classic-header .pa-sell-featured:hover,
.pa-classic-header .pa-sell-featured:focus{
  color:#fff;
  background:#c8a45c;
  text-decoration:none;
  transform:translateY(-1px);
  box-shadow:0 10px 20px rgba(0,0,0,.26), inset 0 0 0 1px rgba(255,255,255,.12);
}
.pa-classic-header .pa-account-dropdown{
  position:relative;
}
.pa-classic-header .pa-account-toggle{
  display:inline-flex;
  align-items:center;
  gap:4px;
  min-height:42px;
  padding:0 2px;
  color:#fff;
  font-size:14px;
  font-weight:800;
  text-decoration:none;
  transition:color .16s ease;
}
.pa-classic-header .pa-account-toggle:hover,
.pa-classic-header .pa-account-toggle:focus,
.pa-classic-header .pa-account-dropdown.open .pa-account-toggle{
  color:#d8be86;
  text-decoration:none;
}
.pa-classic-header .pa-account-menu{
  width:320px;
  max-height:430px;
  overflow-y:auto;
  padding:10px 0;
  border-color:#d8cbb9;
  border-radius:0 0 8px 8px;
  box-shadow:0 16px 28px rgba(0,0,0,.24);
}
.pa-classic-header .pa-menu-heading{
  padding:10px 18px 5px;
  color:#9a7333;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.pa-classic-header .pa-menu-heading:not(:first-child){
  margin-top:8px;
  border-top:1px solid #eee2d0;
}
.pa-classic-header .pa-account-menu > li > a{
  padding:7px 18px;
  color:#24201b;
  font-weight:700;
}
.pa-classic-header .pa-account-menu > li > a:hover,
.pa-classic-header .pa-account-menu > li > a:focus{
  color:#111;
  background:#f4ead9;
}
.pa-classic-header .pa-nav-toggle{
  display:none;
  margin:0 0 0 auto;
  border-color:rgba(186,150,89,.6)!important;
  border-radius:7px;
  background:#111!important;
}
.pa-classic-header .pa-nav-toggle .icon-bar{
  background:#ba9659!important;
}
.pa-classic-header .pa-gold-nav{
  display:block!important;
  float:none!important;
  width:100%!important;
  min-height:54px;
  margin:0;
  border:0;
  border-radius:0;
  background:#ba9659!important;
}
.pa-classic-header .pa-gold-nav .navbar-collapse{
  padding-left:0;
  padding-right:0;
  border-top:0;
  box-shadow:none;
}
.pa-classic-header .pa-public-nav > li > a{
  position:relative;
  padding:18px 17px!important;
  color:#fff!important;
  background:transparent!important;
  font-size:14px;
  font-weight:800;
  line-height:18px;
  text-decoration:none;
  transition:background-color .16s ease, color .16s ease;
}
.pa-classic-header .pa-public-nav > li > a:after{
  content:"";
  position:absolute;
  left:17px;
  right:17px;
  bottom:10px;
  height:2px;
  background:#fff;
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .18s ease;
}
.pa-classic-header .pa-public-nav > li > a:hover,
.pa-classic-header .pa-public-nav > li > a:focus,
.pa-classic-header .pa-public-nav > li.open > a{
  color:#fff!important;
  background:rgba(0,0,0,.18)!important;
}
.pa-classic-header .pa-public-nav > li > a:hover:after,
.pa-classic-header .pa-public-nav > li > a:focus:after,
.pa-classic-header .pa-public-nav > li.open > a:after{
  transform:scaleX(1);
}
.pa-classic-header .pa-gold-nav .dropdown-menu{
  border-color:#d8cbb9;
  border-radius:0 0 8px 8px;
  box-shadow:0 16px 28px rgba(0,0,0,.22);
}
.pa-classic-header .pa-gold-nav .dropdown-menu > li > a{
  padding:8px 18px;
  color:#24201b;
  font-weight:700;
}
.pa-classic-header .pa-gold-nav .dropdown-menu > li > a:hover,
.pa-classic-header .pa-gold-nav .dropdown-menu > li > a:focus{
  color:#111;
  background:#f4ead9;
}
.pa-classic-header .pa-search-nav{
  width:352px;
  margin-top:9px;
  margin-bottom:0;
  padding-left:0;
  padding-right:0;
}
.pa-classic-header .pa-search-nav .input-group{
  width:100%;
}
.pa-classic-header .pa-search-nav .form-control{
  height:36px;
  border:1px solid rgba(255,255,255,.78);
  border-right:0;
  border-radius:0;
  background:#fff;
  color:#333;
  box-shadow:none;
}
.pa-classic-header .pa-search-nav .form-control::placeholder{
  color:#666;
}
.pa-classic-header .pa-search-nav .btn{
  height:36px;
  border:1px solid #111!important;
  border-radius:0;
  background:#111;
  color:#fff;
  font-weight:800;
  transition:background-color .16s ease, color .16s ease;
}
.pa-classic-header .pa-search-nav .btn:hover,
.pa-classic-header .pa-search-nav .btn:focus{
  background:#272727;
  color:#fff;
}
@media(max-width:1199px){
  .pa-classic-header .pa-brand-row .container-fluid,
  .pa-classic-header .pa-gold-nav .container-fluid{
    padding-left:24px;
    padding-right:24px;
  }
  .pa-classic-header .pa-public-nav > li > a{
    padding-left:11px!important;
    padding-right:11px!important;
    font-size:13px;
  }
  .pa-classic-header .pa-public-nav > li > a:after{
    left:11px;
    right:11px;
  }
  .pa-classic-header .pa-search-nav{
    width:300px;
  }
}
@media(max-width:991px){
  .pa-classic-header .pa-brand-row .container-fluid{
    min-height:150px;
  }
  .pa-classic-header .pa-og-brand{
    width:320px;
  }
  .pa-classic-header .pa-og-brand img{
    width:320px;
  }
  .pa-classic-header .pa-search-nav{
    width:240px;
  }
}
@media(max-width:767px){
  header.header-splash.pa-role-header.pa-classic-header{
    margin-bottom:16px;
    background:#050505!important;
  }
  .pa-classic-header .pa-brand-row .container-fluid{
    min-height:150px;
    padding-left:16px;
    padding-right:16px;
    flex-wrap:wrap;
    align-content:center;
  }
  .pa-classic-header .pa-og-brand{
    width:280px;
  }
  .pa-classic-header .pa-og-brand img{
    width:280px;
  }
  .pa-classic-header .pa-nav-toggle{
    display:block;
  }
  .pa-classic-header .pa-header-actions{
    width:100%;
    justify-content:center;
    gap:14px;
    padding-bottom:12px;
  }
  .pa-classic-header .pa-sell-featured,
  .pa-classic-header .pa-account-toggle{
    min-height:36px;
    font-size:13px;
  }
  .pa-classic-header .pa-gold-nav{
    min-height:0;
  }
  .pa-classic-header .pa-gold-nav .navbar-collapse{
    background:#ba9659;
  }
  .pa-classic-header .pa-public-nav{
    margin:0;
  }
  .pa-classic-header .pa-public-nav > li > a{
    padding:12px 16px!important;
    border-bottom:1px solid rgba(255,255,255,.25);
    font-size:14px;
  }
  .pa-classic-header .pa-public-nav > li > a:after{
    display:none;
  }
  .pa-classic-header .pa-gold-nav .dropdown-menu{
    margin:0;
    padding:0 0 8px 16px;
    border:0;
    border-radius:0;
    background:rgba(255,255,255,.12);
    box-shadow:none;
  }
  .pa-classic-header .pa-gold-nav .dropdown-menu > li > a{
    padding:9px 0!important;
    color:#fff!important;
  }
}
/* ============================================================================
   PLACER AUCTIONS — SLATE NAVY + GOLD FINAL (header + footer + responsive + signed-in)
   Appended to the pristine base custom.css; overrides the old gold-nav rules.
   Scoped to .pa-classic-header / .pa-trust / footer. Markup is authored to
   match these selectors exactly (see _Layout). Tokens = logo-matched gold.
   ============================================================================ */
:root{
  --pa-k0:#1d252f; --pa-k1:#27313d; --pa-k2:#313d4b; --pa-k3:#3b4858;
  --pa-cream:#f4efe2; --pa-gold:#ba9659; --pa-gold-soft:#cdab6e; --pa-line:rgba(186,150,89,.24);
}

/* ============================ HEADER SHELL ============================ */
header.header-splash.pa-role-header.pa-classic-header{
  position:static; margin:0 0 20px; background:var(--pa-k1)!important; box-shadow:none;
}

/* ---- LEVEL 1: trust bar — STATIONARY, centered, slate navy ---- */
.pa-trust{background:var(--pa-k0);border-bottom:1px solid var(--pa-line)}
.pa-trust .t-wrap{max-width:1180px;margin:0 auto;padding:9px 30px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 30px}
.pa-trust .t-wrap>span{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
  color:var(--pa-cream);font-size:12.5px;letter-spacing:.02em;opacity:.94}
.pa-trust .t-wrap>span+span{position:relative}
.pa-trust .t-wrap>span+span::before{content:"";position:absolute;left:-15px;top:50%;
  transform:translateY(-50%);width:1px;height:12px;background:var(--pa-line)}
.pa-trust b{color:var(--pa-gold-soft);font-weight:800;letter-spacing:.04em}
.pa-trust .t-ic{width:15px;height:15px;color:var(--pa-gold);flex:0 0 auto}

/* ---- LEVEL 2: brand row ---- */
.pa-classic-header .pa-brand-row{background:var(--pa-k1);border-bottom:1px solid var(--pa-line)}
.pa-classic-header .pa-brand-row .container-fluid{max-width:1180px;margin:0 auto;padding:0 30px;
  min-height:120px;display:flex;align-items:center;gap:22px}
.pa-classic-header .pa-og-brand{float:none;display:flex;align-items:center;width:auto;padding:0;height:auto}
.pa-classic-header .pa-og-brand img{height:128px;width:auto;display:block}
.pa-classic-header .pa-header-actions{margin-left:auto;display:flex;align-items:center;gap:16px}

/* Register = no-box gold underline; Sign In = cream link */
.pa-classic-header .pa-register{color:var(--pa-gold-soft);font-weight:800;font-size:12.5px;letter-spacing:.08em;
  text-transform:uppercase;text-decoration:none;padding-bottom:3px;border-bottom:2px solid var(--pa-gold);
  transition:color .15s,border-color .15s}
.pa-classic-header .pa-register:hover,.pa-classic-header .pa-register:focus{color:#fff;border-color:var(--pa-gold-soft)}
.pa-classic-header .pa-divider{width:1px;height:18px;background:var(--pa-line);display:inline-block}
.pa-classic-header .pa-signin{color:var(--pa-cream);font-weight:700;font-size:12.5px;letter-spacing:.06em;
  text-transform:uppercase;text-decoration:none}
.pa-classic-header .pa-signin:hover,.pa-classic-header .pa-signin:focus{color:var(--pa-gold-soft)}

/* ---- LEVEL 3: sub-nav bar — slate navy ---- */
.pa-classic-header .pa-gold-nav{background:var(--pa-k2)!important;border:0!important;border-radius:0;margin:0;
  min-height:auto;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.pa-classic-header .pa-gold-nav .container-fluid{max-width:1180px;margin:0 auto;padding:0 30px}
.pa-classic-header .pa-gold-nav .navbar-collapse{padding:0;border-top:0;box-shadow:none}
.pa-classic-header .pa-public-nav{margin:0;float:none}
/* mobile-nav FIX (2026-06-25): gate nav display:flex to desktop only so phones defer to the
   base BS3 collapse + hamburger. A non-media flex here was overriding the base
   @media(max-width:767px){.navbar-collapse{display:none}} (the azure-header-debug-lessons
   "non-media beats @media" trap, regressed in the slate-navy build). */
@media(min-width:768px){
  .pa-classic-header .pa-gold-nav .navbar-collapse{display:flex;align-items:center}
  .pa-classic-header .pa-public-nav{display:flex}
}
.pa-classic-header .pa-public-nav>li{position:relative}
/* 2026-07-03 btncolor round (owner): nav links a hair bigger (13.5→14.5); Browse loses its
   always-on gold tint + underline (read as permanently selected) — underline hover/open only.
   2026-07-03 subnav round (owner): links get breathing room (17→23px horizontal). */
.pa-classic-header .pa-public-nav>li>a{position:relative;padding:15px 23px!important;color:var(--pa-cream)!important;
  background:transparent!important;font-size:14.5px;font-weight:700;text-decoration:none;letter-spacing:.02em}
.pa-classic-header .pa-public-nav>li>a .caret{color:var(--pa-gold);margin-left:5px}
.pa-classic-header .pa-public-nav>li>a::after{content:"";position:absolute;left:23px;right:23px;bottom:9px;height:2px;
  background:var(--pa-gold);transform:scaleX(0);transform-origin:left;transition:transform .18s}
.pa-classic-header .pa-public-nav>li>a:hover::after,
.pa-classic-header .pa-public-nav>li.open>a::after{transform:scaleX(1)}
.pa-classic-header .pa-public-nav>li>a:hover,
.pa-classic-header .pa-public-nav>li>a:focus,
.pa-classic-header .pa-public-nav>li.open>a{color:var(--pa-gold-soft)!important;background:rgba(255,255,255,.03)!important}

/* sub-nav account shortcuts (2026-07-03, owner: fill the bar's dead right side) — quiet
   uppercase links, visually secondary to the 14.5px primary set; desktop only (the phone
   drawer carries its own account links; hidden-xs on the markup handles the drawer). */
.pa-classic-header .pa-nav-shortcuts{display:none;margin-left:auto;align-items:stretch;gap:0}
@media(min-width:992px){.pa-classic-header .pa-nav-shortcuts{display:flex}}
/* shortcuts = SAME anatomy as .pa-public-nav links (owner 2026-07-03: "different from the other sub nav items") */
.pa-classic-header .pa-nav-shortcuts>a{position:relative;color:var(--pa-cream);font-size:14.5px;font-weight:700;line-height:18px;
  letter-spacing:.02em;text-decoration:none;padding:15px 23px;
  transition:color .15s,background .15s}
.pa-classic-header .pa-nav-shortcuts>a:after{content:"";position:absolute;left:23px;right:23px;bottom:10px;
  height:2px;background:var(--pa-gold,#ba9659);transform:scaleX(0);transform-origin:left center;transition:transform .18s ease}
.pa-classic-header .pa-nav-shortcuts>a:hover,
.pa-classic-header .pa-nav-shortcuts>a:focus{color:var(--pa-gold-soft,#cdab6e);background:rgba(255,255,255,.03)}
.pa-classic-header .pa-nav-shortcuts>a:hover:after,
.pa-classic-header .pa-nav-shortcuts>a:focus:after{transform:scaleX(1)}

/* submenu (Browse / Sell) — dark panel; hover-open on desktop + BS3 click */
.pa-classic-header .pa-public-nav .submenu{min-width:300px;padding:7px 0;background:var(--pa-k3);
  border:1px solid var(--pa-line);border-top:2px solid var(--pa-gold);border-radius:0 0 8px 8px;
  box-shadow:0 18px 34px rgba(0,0,0,.55)}
.pa-classic-header .pa-public-nav li.has-sub:hover>.submenu{display:block}
.pa-classic-header .pa-public-nav .submenu>li>a{padding:9px 18px;white-space:normal}
.pa-classic-header .pa-public-nav .submenu .lbl{display:block;color:var(--pa-cream);font-weight:700;font-size:14px}
.pa-classic-header .pa-public-nav .submenu .dsc{display:block;color:#a7a39a;font-size:11.5px;margin-top:1px}
.pa-classic-header .pa-public-nav .submenu>li>a:hover,
.pa-classic-header .pa-public-nav .submenu>li>a:focus{background:rgba(186,150,89,.12)}
.pa-classic-header .pa-public-nav .submenu>li>a:hover .lbl{color:#fff}

/* search — detached pill: rounded field + gap + rounded gold button */
.pa-classic-header .pa-search-nav{float:none;margin:7px 10px 7px auto;padding:0;width:340px}
.pa-classic-header .pa-search-nav .input-group{width:100%;display:flex;align-items:center;gap:9px}
.pa-classic-header .pa-search-nav .form-control{height:38px;flex:1 1 auto;width:auto;float:none;
  border:1px solid var(--pa-line);border-radius:6px;background:var(--pa-k3);color:#fff;
  padding:0 14px;box-shadow:inset 0 1px 2px rgba(0,0,0,.3)}
.pa-classic-header .pa-search-nav .form-control::placeholder{color:#9a978f}
.pa-classic-header .pa-search-nav .form-control:focus{border-color:var(--pa-gold);box-shadow:0 0 0 2px rgba(186,150,89,.18)}
.pa-classic-header .pa-search-nav .input-group-btn{width:auto;display:flex;flex:0 0 auto}
/* 2026-07-03 btncolor round v2 (owner: no gold fill, no white fill) — quiet ghost button,
   same family as the SIGN IN pill: cream label, hairline border, faint fill on hover */
.pa-classic-header .pa-search-nav .btn{height:38px;border:1px solid rgba(255,255,255,.38);background:transparent;
  color:var(--pa-cream);font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:12px;
  border-radius:6px;padding:0 20px}
.pa-classic-header .pa-search-nav .btn:hover{background:rgba(255,255,255,.10);border-color:var(--pa-cream);color:#fff}

/* mobile search (.pa-role-mobile-search, visible-xs) — was unstyled BS3 (button overlapped the
   input). Theme it to match the desktop pill. GATED to mobile only: a non-media display:flex
   would override BS3's .visible-xs-block{display:none} and leak the bar onto desktop. 2026-06-25 */
@media(max-width:767px){
  .pa-classic-header .pa-role-mobile-search{display:flex!important;align-items:center;gap:8px;margin:0;
    padding:12px 16px;background:var(--pa-k2);border-top:1px solid var(--pa-line)}
  .pa-classic-header .pa-role-mobile-search .form-control{height:42px;flex:1 1 auto;width:auto;
    border:1px solid var(--pa-line);border-radius:6px;background:var(--pa-k3);color:#fff;
    padding:0 14px;box-shadow:inset 0 1px 2px rgba(0,0,0,.3)}
  .pa-classic-header .pa-role-mobile-search .form-control::placeholder{color:#9a978f}
  .pa-classic-header .pa-role-mobile-search .form-control:focus{border-color:var(--pa-gold);
    box-shadow:0 0 0 2px rgba(186,150,89,.18)}
  .pa-classic-header .pa-role-mobile-search .btn{height:42px;flex:0 0 auto;border:1px solid rgba(255,255,255,.38);
    background:transparent;color:var(--pa-cream);font-weight:800;text-transform:uppercase;letter-spacing:.04em;
    font-size:12px;border-radius:6px;padding:0 18px}
  .pa-classic-header .pa-role-mobile-search .btn:hover{background:rgba(255,255,255,.10);border-color:var(--pa-cream);color:#fff}
}

/* ---- SIGNED-IN: existing BS3 account dropdown, Slate Navy-themed ---- */
.pa-classic-header .pa-account-dropdown{position:relative}
.pa-classic-header .pa-account-toggle{display:inline-flex;align-items:center;gap:6px;color:var(--pa-cream)!important;
  font-weight:800;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none}
.pa-classic-header .pa-account-toggle .caret{color:var(--pa-gold)}
.pa-classic-header .pa-account-toggle:hover,.pa-classic-header .pa-account-toggle:focus,
.pa-classic-header .pa-account-dropdown.open .pa-account-toggle{color:var(--pa-gold-soft)!important}
.pa-classic-header .pa-account-menu{min-width:248px;padding:6px 0;background:var(--pa-k3)!important;
  border:1px solid var(--pa-line)!important;border-top:2px solid var(--pa-gold)!important;
  border-radius:0 0 6px 6px;box-shadow:0 16px 38px rgba(0,0,0,.5)}
.pa-classic-header .pa-account-menu .pa-menu-heading{padding:9px 18px 5px;color:var(--pa-gold);font-weight:800;
  font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.pa-classic-header .pa-account-menu .pa-menu-heading:not(:first-child){margin-top:4px;border-top:1px solid var(--pa-line);padding-top:11px}
.pa-classic-header .pa-account-menu>li>a{display:block;padding:9px 18px;color:var(--pa-cream)!important;
  font-size:13px;font-weight:500;border-left:2px solid transparent;text-decoration:none}
.pa-classic-header .pa-account-menu>li>a:hover,.pa-classic-header .pa-account-menu>li>a:focus{
  background:linear-gradient(90deg,rgba(186,150,89,.16),rgba(186,150,89,0))!important;
  color:var(--pa-gold-soft)!important;border-left-color:var(--pa-gold)}

/* toggle + mobile search + drawer: DEFER to the base's proven @media(max-width:767px) rules.
   (do NOT add non-media display rules here — they would beat the base's media rules) */
.pa-classic-header .pa-drawer-auth{display:none}

/* ============================ FOOTER (Slate Navy retheme) ============================ */
footer{background:var(--pa-k1);color:var(--pa-cream)}
.fmain{background:var(--pa-k1);border-top:1px solid var(--pa-line);padding:52px 0 40px}
.fmain .wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.wrap.fgrid{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:40px 36px;align-items:start}
.fbrand{max-width:300px}
.fbrand .seal img{height:108px;width:auto;display:block;margin:0 0 18px}
.fbrand .tag{margin:0 0 18px;font-size:13.5px;line-height:1.6;color:rgba(244,239,226,.72)}
.fbrand ul.contact{list-style:none;margin:0 0 20px;padding:0}
.fbrand ul.contact li{font-size:13.5px;line-height:1.55;margin:0 0 7px;color:rgba(244,239,226,.82)}
.fbrand ul.contact li .ic{color:var(--pa-gold)}
.fbrand ul.contact li a{color:rgba(244,239,226,.82);text-decoration:none}
.fbrand ul.contact li a:hover{color:var(--pa-gold-soft)}
.fbrand .social{display:flex;gap:10px;flex-wrap:wrap}
.fbrand .social a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;
  border:1px solid var(--pa-line);border-radius:50%;color:var(--pa-gold);transition:.18s}
.fbrand .social a svg{width:17px;height:17px;fill:currentColor}
.fbrand .social a:hover{background:var(--pa-k3);border-color:var(--pa-gold);color:var(--pa-gold-soft);transform:translateY(-1px)}
.col h2{margin:2px 0 16px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pa-gold)}
.col ul{list-style:none;margin:0;padding:0}
.col ul li{margin:0 0 10px}
.col ul li a{color:rgba(244,239,226,.80);text-decoration:none;font-size:14px;line-height:1.5}
.col ul li a:hover{color:var(--pa-gold-soft)}
.ftrust{background:var(--pa-k0);border-top:1px solid var(--pa-line);padding:18px 0}
.ftrust .wrap{max-width:1180px;margin:0 auto;padding:0 24px;display:flex;align-items:center;
  justify-content:space-between;gap:20px 32px;flex-wrap:wrap}
.trustitems{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.trustitems span{font-size:12.5px;color:rgba(244,239,226,.66);white-space:nowrap}
.trustitems span b{color:var(--pa-gold);font-weight:600}
.pay{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pay .paylbl{font-size:12px;color:rgba(244,239,226,.55)}
.pay .pay-icon{display:inline-flex;align-items:center;justify-content:center;height:24px;width:40px;
  border:1px solid var(--pa-line);border-radius:4px;background:var(--pa-k2)}
.pay .pay-icon svg{height:15px;width:auto;display:block}
.flegal{background:var(--pa-k0);padding:0 0 18px;text-align:center}
.flegal .wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.flegal span{font-size:12px;color:rgba(244,239,226,.5)}

/* ============ EVENT FILTER PILLS (Current/Upcoming/Closed) — slate navy ============
   Match the center-header Slate Navy and Gold scheme. */
body li.filter-option a{background:var(--pa-k1)!important;color:var(--pa-cream)!important}
body li.filter-option a .glyphicon{color:var(--pa-gold)!important}
body li.filter-option a:hover,body li.filter-option a:focus{background:var(--pa-cream)!important;color:#1b2027!important}
body li.filter-option a:hover .glyphicon,body li.filter-option a:focus .glyphicon{color:#16140f!important}

/* ============================ RESPONSIVE ============================ */
/* DESKTOP tightening */
@media (max-width:1024px){
  .pa-classic-header .pa-brand-row .container-fluid,
  .pa-classic-header .pa-gold-nav .container-fluid,
  .pa-trust .t-wrap{padding-left:18px;padding-right:18px}
  .pa-classic-header .pa-search-nav{width:230px}
}
/* MOBILE: let the base's proven mobile block own layout/toggle/collapse; ONLY recolor to slate navy */
@media (max-width:767px){
  /* re-anchor the base's absolute hamburger (top:37px) into the brand row,
     since the trust bar now sits above it and the header is position:static */
  .pa-classic-header .pa-brand-row{position:relative}
  .pa-classic-header .pa-gold-nav .navbar-collapse{background:var(--pa-k2)!important}
  .pa-classic-header #pa-role-nav{background:var(--pa-k2)!important}
  .pa-classic-header .pa-public-nav>li>a{color:var(--pa-cream)!important;border-bottom-color:var(--pa-line)!important}
  .pa-classic-header .pa-public-nav .submenu{background:var(--pa-k3)!important;border-color:var(--pa-line)!important}
  .pa-classic-header .pa-public-nav .submenu .lbl{color:var(--pa-cream)!important}
}
/* trust bar stacks on small phones (no overflow) */
@media (max-width:640px){
  .pa-trust .t-wrap{flex-direction:column;gap:5px;text-align:center}
  .pa-trust .t-wrap>span+span::before{display:none}
}
/* footer responsive: 4-col -> 2-col -> 1-col */
@media (max-width:768px){
  .fmain{padding:40px 0 32px}
  .wrap.fgrid{grid-template-columns:repeat(2,1fr);gap:34px 28px}
  .fbrand{grid-column:1 / -1;max-width:none}
  .ftrust .wrap{justify-content:center;text-align:center}
  .trustitems,.pay{justify-content:center}
}
@media (max-width:480px){
  .wrap.fgrid{grid-template-columns:1fr;gap:30px;text-align:center}
  .fbrand{text-align:center}
  .fbrand .seal img{margin-left:auto;margin-right:auto}
  .fbrand .social{justify-content:center}
  .trustitems{flex-direction:column;gap:8px}
}

/* FORCE the hamburger (max specificity + !important) — bypass all base/BS3 conflicts */
@media (max-width:767px){
  html body header.header-splash.pa-role-header.pa-classic-header .pa-brand-row{position:relative!important}
  html body header.header-splash.pa-role-header.pa-classic-header .pa-nav-toggle.navbar-toggle{
    display:flex!important;position:absolute!important;top:14px!important;right:14px!important;left:auto!important;bottom:auto!important;
    margin:0!important;width:46px!important;height:42px!important;z-index:999!important;opacity:1!important;visibility:visible!important;
    background:#111!important;border:2px solid #c9a45c!important;border-radius:7px!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:4px!important;padding:0!important}
  html body header.header-splash.pa-role-header.pa-classic-header .pa-nav-toggle.navbar-toggle .icon-bar{
    display:block!important;width:22px!important;height:3px!important;margin:0!important;background:#c9a45c!important;border-radius:1px!important}
  html body header.header-splash.pa-role-header.pa-classic-header .pa-nav-toggle.navbar-toggle .sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important}
}

/* ============================================================================
   ACCOUNT / FORM PAGES (Register · Sign In · Contact · Site Map) — clean & light
   to match the .pa-pg lite content pages. Scoped under .pa-acct (a wrapper div
   added per Razor view). Themes the existing Bootstrap-3 markup ONLY — no form
   field / helper / recaptcha / anti-forgery markup is changed. Full-bleed via
   the same scrollbar-honest calc as .pa-pg .pa-bleed.                  2026-06-26
   ============================================================================ */
.pa-acct{position:relative;width:calc(100vw - (100vw - 100%));margin-left:calc(50% - (100vw - (100vw - 100%))/2);
  background:#fcfbf9;color:#23282e;padding:0 0 72px;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
.pa-acct *{box-sizing:border-box}
.pa-acct-hero{background:#fcfbf9;border-bottom:1px solid #e7e3da;
  padding:clamp(40px,6vw,68px) 28px clamp(34px,5vw,52px);text-align:center;margin-bottom:clamp(28px,4vw,44px)}
.pa-acct-hero h1{color:#23282e;font-weight:700;
  font-size:clamp(30px,4vw,46px);line-height:1.08;margin:0 0 12px;letter-spacing:-.02em}
.pa-acct-hero h1 em{font-style:normal;color:#b08a3e}
.pa-acct-hero p{color:#5b6470;font-size:clamp(15px,1.6vw,18px);max-width:640px;margin:0 auto;line-height:1.55}
.pa-acct-body{max-width:1120px;margin:0 auto;padding:0 28px}
.pa-acct h1,.pa-acct h2,.pa-acct h3,.pa-acct h4{color:#23282e}
.pa-acct .panel,.pa-acct .well{background:#fff;border:1px solid #e7e3da;border-radius:12px;
  box-shadow:0 1px 3px rgba(0,0,0,.05);color:#23282e;margin-bottom:24px}
.pa-acct .panel-default>.panel-heading,.pa-acct .panel-heading{background:#fff;color:#23282e;
  border-bottom:1px solid #efece4;border-radius:12px 12px 0 0;padding:15px 20px;font-size:18px;font-weight:600}
.pa-acct .well.section-title,.pa-acct .section-title{background:#fff;border:1px solid #e7e3da;color:#23282e;
  border-radius:12px;font-size:20px;font-weight:600;padding:16px 20px}
.pa-acct .panel-body{padding:24px}
.pa-acct a{color:#b08a3e}
.pa-acct a:hover{color:#977433}
.pa-acct label,.pa-acct .control-label{color:#23282e;font-weight:600}
.pa-acct .help-block,.pa-acct .text-muted,.pa-acct small{color:#838b95}
.pa-acct .required{color:#b08a3e}
.pa-acct .form-control{background:#fff;border:1px solid #d9d4c8;color:#23282e;border-radius:8px;
  box-shadow:inset 0 1px 1px rgba(0,0,0,.03);height:44px}
.pa-acct textarea.form-control{height:auto;min-height:130px}
.pa-acct .form-control::placeholder{color:#9aa0a8}
.pa-acct .form-control:focus{border-color:#b08a3e;box-shadow:0 0 0 2px rgba(176,138,62,.18);background:#fff;color:#23282e}
.pa-acct select.form-control option{background:#fff;color:#23282e}
.pa-acct .btn-primary{background:#27313D;border:1px solid #27313D;color:#F5F2EA;font-weight:800;
  letter-spacing:.03em;border-radius:8px;padding:10px 24px}
.pa-acct .btn-primary:hover,.pa-acct .btn-primary:focus{background:#333F4E;border-color:#333F4E;color:#F5F2EA}
.pa-acct .btn-default{background:#fff;border:1px solid #d9d4c8;color:#23282e}
.pa-acct .btn-default:hover{border-color:#b08a3e;color:#b08a3e}
.pa-acct .btn-google{background:#4285f4;border-color:#4285f4;color:#fff}
.pa-acct .btn-facebook{background:#1877f2;border-color:#1877f2;color:#fff}
.pa-acct .text-or{position:relative;text-align:center;margin:18px 0;color:#838b95}
.pa-acct .text-or span{background:#fff;padding:0 14px;position:relative;z-index:1}
.pa-acct .text-or:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#e7e3da}
.pa-acct .checkbox label{color:#5b6470;font-weight:400}
.pa-acct .alert-danger,.pa-acct .validation-summary-errors{background:#fdeceb;
  border:1px solid #e6b3b0;color:#a3372f;border-radius:8px;padding:12px 16px}
.pa-acct .field-validation-error,.pa-acct .text-danger{color:#c0392b}
.pa-acct .panel-body a{color:#b08a3e}
.pa-acct ul,.pa-acct li{color:#3a4048}

/* ===== Placer bottom/footer UI fixes (2026-06-26) ===== */
body:has(> footer){display:flex;flex-direction:column;min-height:100vh}
body:has(> footer) > main{flex:1 0 auto}
body:has(> footer) > footer{flex-shrink:0}
footer .fbrand .seal img{height:108px;width:auto;object-fit:contain}
/* ===== end Placer bottom/footer UI fixes ===== */

/* >>> PA-UX-PASS BEGIN >>> */
/* Placer UX polish pass — scoped to .pa-pg static pages + shared chrome/footer.
   CSS-only. Does NOT touch the live listing grid/cards or lot-detail pages.
   The per-page inline <style> loads AFTER this file, so every override here
   either out-specifies the inline .pa-pg rules or uses !important.
   Round 1 (2026-06-26): D1–D8 + D2.  Round 2 (2026-06-26): R2-1 … R2-4
   (R2-4 = the dark-text fix folded into the #pa-become-a-seller .btn-gold rule
   in the D2 stanza below). */

/* D1 — the pa-process WRAPPER was wrongly made a 2-col grid; its single
   .pa-wrap child collapsed into column 1 and the inner steps were squeezed
   to half width with the right half blank. (Estate/BizLiq/SellWithUs) */
.pa-pg section.pa-process{display:block!important;}

/* D4 — caption token --soft (#838b95) was only 3.33:1 on the cream bg
   (fails WCAG AA); darken to #646b76 (~5.2:1). Neutral grey, brand intact. */
body .pa-pg{--soft:#646b76!important;}

/* D3 — header gold-nav search input refused to shrink (default
   min-width:auto), pushing the gold SEARCH button past the right edge at
   768-1199px. Let the flex input shrink so the button stays inside. */
.pa-role-header .pa-search-nav .form-control{min-width:0!important;}

/* D5 — process-step sub-elements (.lot / .lot small / .when / .stamp) had no
   rules and rendered as raw inline text run together. */
.pa-pg .pa-step .lot{display:block;margin:0 0 6px;font-weight:600;font-size:13px;letter-spacing:.04em;color:var(--gold);}
.pa-pg .pa-step .lot small{display:block;margin-top:2px;font-size:11.5px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--soft);}
.pa-pg .pa-step .when{display:inline-block;margin-left:8px;padding:2px 9px;border:1px solid var(--line);border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--gold);vertical-align:middle;}
.pa-pg .pa-step .stamp{display:inline-block;margin-top:10px;padding:3px 9px;border:1px solid var(--gold);border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);}

/* D6 — decorative marketing gallery (.pa-gallery; NOT the live listing grid):
   hide the stray placeholder caption and stack the label spans. */
.pa-pg .pa-lot .ph-txt{display:none!important;}
.pa-pg .pa-lot-label .lotno,.pa-pg .pa-lot-label .lottitle,.pa-pg .pa-lot-label .meta{display:block;}
.pa-pg .pa-lot-label .lotno{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--soft);}
.pa-pg .pa-lot-label .lottitle{margin:2px 0;color:var(--ink);font-weight:600;}

/* D7 — FAQ: open toggle showed a literal "2" (corrupt byte, meant to be a
   minus); space-between also gave a ragged left edge. Pack the label +
   question left, float the +/- marker right, restore the real minus. */
.pa-pg .pa-faq details summary{justify-content:flex-start;gap:18px;}
.pa-pg .pa-faq details summary::after{margin-left:auto;}
.pa-pg .pa-faq details[open] summary::after{content:"\2212"!important;}

/* D8 (revised in R2) — the stats band markup follows the .pa-bleed pattern
   (section.pa-stats-band.pa-bleed > .pa-wrap > .pa-stats), but the inline rule
   `.pa-pg .pa-stats,.pa-pg .pa-stats-band` wrongly gave the SECTION
   max-width + margin:auto + display:flex, so .pa-wrap shrink-wrapped and
   .pa-stats centered to a ~316px cluster carrying its own duplicate hairline
   (doubled/mismatched rules). Restore the bleed pattern: the section becomes a
   plain full-width block with no frame; .pa-wrap constrains to the reading
   column; .pa-stats fills it as ONE hairline-framed row — 4-across on desktop,
   2-up on phones — single border, left-aligned with every other section. The
   section selector (0,2,1) and the .pa-stat selector (0,3,0) out-specify the
   inline rules. */
.pa-pg section.pa-stats-band{display:block;max-width:none;margin:0;padding:0;border-top:0;border-bottom:0;}
.pa-pg .pa-stats-band .pa-stats{width:100%;max-width:none;margin:0;}
@media(min-width:641px){.pa-pg .pa-stats-band .pa-stat{flex:1 1 0;min-width:0;}}
@media(max-width:640px){.pa-pg .pa-stats-band .pa-stats{flex-wrap:wrap;}.pa-pg .pa-stats-band .pa-stat{flex:1 1 40%;min-width:0;}}

/* D2 — /Page/BecomeASeller body (#pa-become-a-seller) rendered fully unstyled:
   its inline <style> targets .pa-pg, which this markup never uses, and every
   inline icon is a dimensionless <svg viewBox="0 0 24 24"> that painted as a
   giant black blob. CSS-only restoration, id-scoped so .btn-gold beats the
   chrome nav-button class.
   R2-4 — the solid gold CTA label was #fff on gold #b08a3e (~3.26:1, fails AA)
   and disagreed with the header SEARCH button (dark on gold). Changed to
   #1c2430 (~4.9:1, AA) below, matching the header button's near-black text. */
#pa-become-a-seller{--gold:#b08a3e;--ink:#23282e;--muted:#5b6470;--soft:#646b76;--line:#e7e3da;max-width:1080px;margin:0 auto;padding:8px 24px 64px;color:var(--ink);font-family:Inter,system-ui,-apple-system,sans-serif;}
#pa-become-a-seller svg{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;vertical-align:-.18em;}
#pa-become-a-seller .pay-icon svg{width:auto;height:24px;stroke:none;}
#pa-become-a-seller .hero,#pa-become-a-seller .section{padding:clamp(28px,5vw,56px) 0;}
#pa-become-a-seller .hero h1,#pa-become-a-seller .hero p,#pa-become-a-seller .lead,#pa-become-a-seller .section-head{max-width:740px;}
#pa-become-a-seller .eyebrow{display:block;font-size:12px;font-weight:600;line-height:1;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0 0 12px;}
#pa-become-a-seller .gold{color:var(--gold);}
#pa-become-a-seller a{color:var(--gold);}
#pa-become-a-seller .lead{font-size:clamp(17px,1.8vw,19px);color:var(--muted);}
#pa-become-a-seller .btn-row{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;margin-top:22px;}
#pa-become-a-seller .btn-gold,#pa-become-a-seller .btn-ghost{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;line-height:1;letter-spacing:0;text-transform:none;border-radius:8px;padding:12px 22px;border:1px solid;min-height:44px;}
#pa-become-a-seller .btn-gold{background:var(--gold);color:#1c2430;border-color:var(--gold);}
#pa-become-a-seller .btn-ghost{background:#fff;color:var(--ink);border-color:var(--line);}
#pa-become-a-seller .way-link{color:var(--gold);font-weight:600;}
#pa-become-a-seller .ways-grid,#pa-become-a-seller .get-grid,#pa-become-a-seller .steps-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 32px;}
#pa-become-a-seller .way-card{border:1px solid var(--line);border-radius:10px;padding:22px;background:#fff;}
#pa-become-a-seller .way-icon svg,#pa-become-a-seller .get-check svg{width:22px;height:22px;color:var(--gold);}
#pa-become-a-seller .step{display:flex;gap:14px;}
#pa-become-a-seller .step-num{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--gold);color:#fff;font-weight:600;}
#pa-become-a-seller .fees{display:grid;grid-template-columns:1.6fr 1fr;gap:32px;align-items:start;}
#pa-become-a-seller .fees-list{list-style:none;padding-left:0;margin:0;}
#pa-become-a-seller .fees-list li{display:flex;gap:8px;align-items:flex-start;margin:.5em 0;}
#pa-become-a-seller .callout{border:1px solid var(--line);border-radius:10px;background:#fcfbf9;padding:20px 22px;}
#pa-become-a-seller a:focus-visible,#pa-become-a-seller .btn-gold:focus-visible,#pa-become-a-seller .btn-ghost:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px;}
@media(max-width:640px){#pa-become-a-seller .ways-grid,#pa-become-a-seller .get-grid,#pa-become-a-seller .steps-grid,#pa-become-a-seller .fees{grid-template-columns:1fr;}}

/* ===================== Round 2 additions (2026-06-26) ===================== */

/* R2-1 — card grids (.pa-card-grid: About "Who we are"; Estate full-service
   promise) only had 2-col and 3-col states, so at 375px each card was ~150px
   and copy wrapped one-to-three words per line with an orphaned 3rd card and
   no single-column phone state. Add one. Scoped to .pa-card-grid ONLY, so the
   shared inline `.pa-gallery,.pa-card-grid` rule keeps the decorative
   .pa-gallery at 2-col. `body` prefix out-specifies the inline rule (0,2,1 vs
   0,2,0) without !important. */
@media(max-width:480px){body .pa-pg .pa-card-grid{grid-template-columns:1fr;}}

/* R2-2 — FAQ block: section.pa-testimonials is display:grid with NO
   grid-template-columns, so its one implicit column shrank to max-content
   (~412px) and the inner .pa-faq (margin:0 auto) centered it ~140px to the
   right of every other section's left edge. Give the grid an explicit fill
   column so the block spans the reading band and left-aligns. The inline rule
   never declares this property, so this applies despite load order. */
.pa-pg .pa-testimonials{grid-template-columns:minmax(0,1fr);}

/* R2-3 — Contact form: the four labels carry Bootstrap `required`, and
   `.pa-acct .required{color:#b08a3e}` (the asterisk colour) tied in
   specificity with `.pa-acct .control-label{color:#23282e}` but came later,
   tinting the whole label gold (~3.2:1, fails AA). Restore dark label text;
   the standalone .required asterisk span keeps its gold. (0,3,0 wins.) */
.pa-acct .control-label.required{color:#23282e;}

/* ===================== Round 3 additions (2026-06-26) ===================== */

/* R3-4 supplement — at 768-1024px tighten nav item padding and cap the search
   box width so the gold SEARCH button never clips (pairs with the existing
   .pa-search-nav .form-control{min-width:0}). */
@media (min-width:768px) and (max-width:1024px){
  .pa-classic-header .pa-public-nav>li>a{padding-left:10px!important;padding-right:10px!important;}
  .pa-classic-header .pa-search-nav{width:200px;margin-left:auto;}
}

/* R3-13 — chrome shared left gutter: align header brand-row + gold-nav
   containers to the footer/body gutter (max-width 1200 / 32px) and zero the
   first nav item's left padding + underline offset so edges stop stair-stepping. */
.pa-classic-header .pa-brand-row .container-fluid,
.pa-classic-header .pa-gold-nav .container-fluid{max-width:1200px;padding-left:32px;padding-right:32px;}
.pa-classic-header .pa-public-nav>li:first-child>a{padding-left:0;}
.pa-classic-header .pa-public-nav>li:first-child>a::after{left:0;}

/* R3-14 — mobile hamburger was absolute top:14px (~29px above logo center) and
   only ~42px tall. An earlier high-specificity "FORCE the hamburger" block pins
   it top:14px/height:42px, so we MATCH that selector (later source order wins)
   to drop it to align with the logo centre and meet the 44px tap target. */
@media (max-width:767px){
  html body header.header-splash.pa-role-header.pa-classic-header .pa-nav-toggle.navbar-toggle{top:38px!important;height:44px!important;}
}

/* R3-20 — mobile REGISTER / SIGN IN links had no vertical hit area (<44px).
   They sit on their own centered line on phones, so padding is safe. */
@media (max-width:767px){
  .pa-classic-header .pa-register,.pa-classic-header .pa-signin{display:inline-flex;align-items:center;min-height:44px;padding-top:8px;padding-bottom:8px;}
}

/* R3-16 — keyboard focus ring for .pa-pg interactives (global a:focus{outline:none}
   stripped it; WCAG 2.4.7). */
.pa-pg a:focus-visible,.pa-pg .pa-btn:focus-visible,.pa-pg summary:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px;}

/* R3-18 — blockquote opening-glyph span.mark inherited Bootstrap's
   mark{background:#fcf8e3;padding:.2em} highlighter box. Neutralise + style as
   a large gold quote mark. */
.pa-pg .pa-quote .mark{background:none!important;padding:0!important;color:var(--gold);font-size:30px;line-height:.85;}

/* R3-19 — About "Bonded California auctioneers" standing block had margin:0
   top, collapsing its gap to the preceding quote. Restore section rhythm. */
.pa-pg .pa-testimonials .pa-standing{margin-top:clamp(30px,5vw,46px);}

/* R3-22 — Consign testimonial attribution uses class .who (LITE styles .pa-cite
   only), so it rendered as full-size dark body text. Make it a small muted caption. */
.pa-pg .pa-quote .who{display:block;margin-top:10px;font-size:13px;color:var(--soft);}

/* R3-21 (revised in R4) — hero trust strip on phones. The prior fix set the child
   spans to display:block, but that is a no-op inside the flex/inline row, so the
   items stayed on one line and — with the ::after dots hidden — fused into a run-on
   ("...in RosevilleBidders nationwide"). Fix at the CONTAINER: force a vertical
   stack and neutralise any separator pseudo-elements. */
@media(max-width:560px){
  .pa-pg .pa-hero .trust-strip{display:flex;flex-direction:column;align-items:flex-start;gap:5px;}
  .pa-pg .pa-hero .trust-strip span{display:block;white-space:normal;}
  .pa-pg .pa-hero .trust-strip span::before,
  .pa-pg .pa-hero .trust-strip span::after{content:none!important;}
}
/* ===================== Round 4 — final verify (2026-06-27) ===================== */

/* R4-1 — Privacy/Terms (and any .pa-pg prose): long unbreakable URLs in the legal
   body (e.g. networkadvertising.org/understanding-online-advertising/how-does-it-work)
   pushed the document to ~435px at a 375 viewport, forcing horizontal scroll. Let
   long tokens wrap. Anchors break anywhere (URLs); text blocks break long words only. */
.pa-pg a{overflow-wrap:anywhere;}
.pa-pg p,.pa-pg li,.pa-pg dd,.pa-pg td{overflow-wrap:break-word;}

/* R4-2 — Free Consultation "What to Have Ready" list (ul.pa-ready) had NO styling,
   so every <li> showed a default disc bullet AND the ✓ tick on its own line above
   the title — an orphaned 3-line stack. Lay each row out as [tick | title + desc]. */
body .pa-pg .pa-ready{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:18px;}
body .pa-pg .pa-ready>li{display:grid;grid-template-columns:24px 1fr;align-items:start;column-gap:10px;}
body .pa-pg .pa-ready>li>.tick{grid-column:1;margin-top:3px;color:var(--gold);display:inline-flex;line-height:1;}
body .pa-pg .pa-ready>li>h3{grid-column:2;margin:0;}
body .pa-pg .pa-ready>li>p{grid-column:2;margin:5px 0 0;}

/* R4-3 — header brand lockup vs hamburger: at 375 there is a ~19px gap (fine, left
   untouched), but ≤360px gets tight and very narrow phones (≤350) overlap. Trim the
   brand image on small phones only; 375px+ keeps the locked sizing exactly as-is. */
@media(max-width:360px){
  .pa-classic-header .pa-og-brand,
  .pa-classic-header .pa-og-brand img{width:240px;}
}
/* R4-4 — Terms/Privacy section headings: the legal pages had section labels as bare
   <p> (zero hierarchy — an unscannable wall of text). Converted those labels to <h2>
   in the CMS; style them here as modest, scannable section headings. Scoped to legal
   prose (.pa-prose/.pa-legal) so the editorial pages' display headings are untouched. */
.pa-pg .pa-prose h2,.pa-pg .pa-legal h2{
  font-size:1.2rem;font-weight:650;line-height:1.3;color:var(--ink);
  letter-spacing:-.005em;margin:2.2em 0 .45em;padding-top:.1em;
}
.pa-pg .pa-prose h2:first-child,.pa-pg .pa-legal h2:first-child{margin-top:.2em;}
/* ===================== Round 5 — obvious-mistake cleanup (2026-06-27) ===================== */
/* Constrained to the existing Bootstrap responsive design — no layout rewrites, all scoped. */

/* R5-1 — Contact (.pa-acct form pages): the section title rendered as a SEPARATE boxed
   card floating above the form card with a gap. Merge them into one unified card. */
.pa-acct .well.section-title{
  margin-bottom:0;background:#fff;border:1px solid #e7e3da;border-bottom:0;
  border-radius:10px 10px 0 0;box-shadow:none;
}
.pa-acct .panel.panel-default{
  margin-top:0;border:1px solid #e7e3da;border-radius:0 0 10px 10px;box-shadow:none;
}

/* R5-2 — Contact "...are required." notice carried Bootstrap .text-right, so on phones
   it right-aligned and orphaned the word "required." onto its own line. Centre it. */
.pa-acct .help-block.text-right{text-align:center;}

/* R5-3 — .pa-card-grid with EXACTLY four cards (Free Consultation "who it's for")
   stranded the 4th card alone in the 3-col desktop grid. Lay exactly-4 out as 2x2.
   3-card grids (About) and galleries are untouched (precise :has match). */
.pa-pg .pa-card-grid:has(> .pa-card:nth-child(4):last-child){grid-template-columns:repeat(2,1fr);}

/* R5-4 — Become a Seller hero: the two stacked CTAs (.btn-row > .btn-gold/.btn-ghost)
   had different widths on phones. Make them equal full-width when stacked. Scoped to
   .pa-pg .btn-row (seller-only) and mobile-only, so the desktop row is unchanged. */
@media(max-width:560px){
  .pa-pg .btn-row{display:flex;flex-direction:column;gap:10px;align-items:stretch;}
  .pa-pg .btn-row>a{width:100%;justify-content:center;}
}
/* <<< PA-UX-PASS END <<< */

/* ============================================================
   RESPONSIVE PROGRESSIVE DISCLOSURE + BROWSE REWORK — 2026-06-28
   Sheds one tier per step: trust bar (<900) -> nav drawer (<768, existing) -> top sign-in (<560). Phone = logo + search + hamburger.
   ============================================================ */

/* Everything else (nav collapse, hamburger, desktop/mobile search swap, logo) ALREADY follows the
   ladder via the existing @media(min-width:768px) (3490) + @media(max-width:767px) (3537/3661/3875)
   + Bootstrap .hidden-xs / .visible-xs-block. We only neutralise the two divergent bands below, then
   restyle Browse. No !important needed: the non-media targets (3468/3573) carry none, so an
   end-of-file media rule at equal specificity wins on source order alone. */

/* --- L1: TRUST BAR sheds below the laptop band. Visible >=900, hidden 768-900 (tablet) and down.
   Bare parent selector .pa-trust (the band is its own CMS region PA_TrustBar, a sibling of
   header.pa-classic-header). No non-media rule sets .pa-trust's own display, so (0,1,0) at
   end-of-file wins. 899.98 keeps EXACTLY 900px showing. --- */
@media (max-width:899.98px){
  .pa-trust{display:none;}
}

/* --- L2: TOP-BAR AUTH folds into the hamburger drawer below 560 (Sign In / Register persist 560-768).
   .pa-classic-header scope ties the (0,2,0) specificity of the two non-media display:flex rules at
   lines 3144/3468; end-of-file source order then wins. The .pa-drawer-auth flip ties + out-orders the
   non-media display:none at line 3573 (the azure-header-debug-lessons "non-media beats @media" trap) —
   it only paints when the BS3 drawer is open, since its parent .navbar-collapse is collapsed otherwise.
   559.98 keeps EXACTLY 560px showing the top-bar cluster. --- */
@media (max-width:559.98px){
  .pa-classic-header .pa-header-actions{display:none;}
  .pa-classic-header .pa-drawer-auth{display:block;}
}

/* ============================================================
   BROWSE DROPDOWN — clean panel replacing the description-heavy mega-menu.
   Slate-navy + gold; quick-view pills (2-col) + multi-column category list.
   ============================================================ */

/* Desktop panel: hover-open (mirrors the existing .has-sub:hover>.submenu pattern at 3512) + BS3 click. */
.pa-classic-header .pa-public-nav li.pa-browse:hover>.pa-browse-menu{display:block}
.pa-classic-header .pa-public-nav .pa-browse-menu{
  min-width:520px;padding:14px 18px 16px;background:var(--pa-k3);
  border:1px solid var(--pa-line);border-top:2px solid var(--pa-gold);border-radius:0 0 10px 10px;
  box-shadow:0 18px 34px rgba(0,0,0,.55)}

/* small gold uppercase section labels */
.pa-classic-header .pa-public-nav .pa-browse-menu .pa-bm-head{
  padding:4px 6px 8px;color:var(--pa-gold);font-weight:800;font-size:10px;
  letter-spacing:.14em;text-transform:uppercase}

/* Quick views = 2-col grid of pill links */
.pa-classic-header .pa-public-nav .pa-browse-menu .pa-bm-quick{
  display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 6px 2px}
.pa-classic-header .pa-public-nav .pa-browse-menu .pa-bm-quick a{
  display:block;padding:9px 14px;border:1px solid var(--pa-line);border-radius:999px;
  background:rgba(255,255,255,.03);color:var(--pa-cream);font-size:13px;font-weight:700;
  text-decoration:none;text-align:center;white-space:nowrap;
  transition:background .15s,border-color .15s,color .15s}
.pa-classic-header .pa-public-nav .pa-browse-menu .pa-bm-quick a:hover,
.pa-classic-header .pa-public-nav .pa-browse-menu .pa-bm-quick a:focus{
  background:rgba(186,150,89,.16);border-color:var(--pa-gold);color:#fff}

/* divider between quick views and categories */
.pa-classic-header .pa-public-nav .pa-browse-menu .divider{
  height:1px;margin:12px 6px;background:var(--pa-line);overflow:hidden}

/* Categories = ~3-col list of plain links */
.pa-classic-header .pa-public-nav .pa-browse-menu .pa-bm-cats{
  column-count:3;column-gap:18px;padding:0 6px}
.pa-classic-header .pa-public-nav .pa-browse-menu .pa-bm-cats a{
  display:block;padding:6px 8px;color:var(--pa-cream);font-size:13px;font-weight:500;
  text-decoration:none;border-radius:5px;border-left:2px solid transparent;
  break-inside:avoid;-webkit-column-break-inside:avoid}
.pa-classic-header .pa-public-nav .pa-browse-menu .pa-bm-cats a:hover,
.pa-classic-header .pa-public-nav .pa-browse-menu .pa-bm-cats a:focus{
  background:rgba(186,150,89,.12);color:var(--pa-gold-soft);border-left-color:var(--pa-gold)}

/* All Categories footer link */
.pa-classic-header .pa-public-nav .pa-browse-menu .pa-bm-all{
  margin-top:12px;padding:11px 6px 0;border-top:1px solid var(--pa-line)}
.pa-classic-header .pa-public-nav .pa-browse-menu .pa-bm-all a{
  display:inline-block;padding:4px 2px;color:var(--pa-gold);font-size:12.5px;font-weight:800;
  letter-spacing:.04em;text-transform:uppercase;text-decoration:none}
.pa-classic-header .pa-public-nav .pa-browse-menu .pa-bm-all a:hover,
.pa-classic-header .pa-public-nav .pa-browse-menu .pa-bm-all a:focus{color:var(--pa-gold-soft)}

/* MOBILE (inside the BS3 drawer, <768): collapse the fixed panel into a simple single-column
   stacked list. Gated to the existing drawer breakpoint; BS3 already makes .dropdown-menu static
   inside an open .navbar-nav item, so we only strip the panel chrome + grids here. */
@media (max-width:767px){
  .pa-classic-header .pa-public-nav .pa-browse-menu{
    min-width:0;width:auto;padding:6px 0;background:transparent;border:0;border-radius:0;box-shadow:none}
  .pa-classic-header .pa-public-nav .pa-browse-menu .pa-bm-head{padding:8px 16px 4px}
  .pa-classic-header .pa-public-nav .pa-browse-menu .pa-bm-quick{display:block;padding:0}
  .pa-classic-header .pa-public-nav .pa-browse-menu .pa-bm-quick a{
    text-align:left;white-space:normal;border:0;border-radius:0;background:transparent;
    padding:9px 16px;font-weight:600;color:var(--pa-cream)}
  .pa-classic-header .pa-public-nav .pa-browse-menu .pa-bm-quick a:hover,
  .pa-classic-header .pa-public-nav .pa-browse-menu .pa-bm-quick a:focus{background:rgba(186,150,89,.12)}
  .pa-classic-header .pa-public-nav .pa-browse-menu .divider{margin:6px 16px}
  .pa-classic-header .pa-public-nav .pa-browse-menu .pa-bm-cats{column-count:1;padding:0}
  .pa-classic-header .pa-public-nav .pa-browse-menu .pa-bm-cats a{padding:9px 16px;border-left:0;border-radius:0}
  .pa-classic-header .pa-public-nav .pa-browse-menu .pa-bm-all{margin-top:0;padding:4px 0 2px;border-top:0}
  .pa-classic-header .pa-public-nav .pa-browse-menu .pa-bm-all a{display:block;padding:9px 16px}
}

/* ============================================================
   PASS 2 — UX REFINEMENTS (search relocate, de-dupe, auth fold) — 2026-06-28
   Addresses: clipped/tiny search, unnaturally-centered mobile search,
   sign-in/register fold into drawer when hamburger appears (<768),
   curated Browse, phone logo/hamburger overlap.
   ============================================================ */

/* ---- SEARCH relocated into the roomy brand row (was cramped in the nav row) ----
   Higher-specificity (.pa-brand-row) beats every old fixed-width .pa-search-nav rule. */
.pa-classic-header .pa-brand-row .container-fluid{gap:20px}
.pa-classic-header .pa-brand-row .pa-search-nav{
  float:none;margin:0;padding:0;width:auto;
  flex:1 1 auto;max-width:560px;min-width:240px}
.pa-classic-header .pa-brand-row .pa-search-nav .input-group{display:flex;width:100%}
.pa-classic-header .pa-brand-row .pa-search-nav .form-control{
  flex:1 1 auto;width:auto;height:44px;font-size:14px;
  border:1px solid rgba(255,255,255,.82);border-right:0;border-radius:7px 0 0 7px;
  background:#fff;color:#2a2a2a;box-shadow:none}
.pa-classic-header .pa-brand-row .pa-search-nav .form-control::placeholder{color:#6a6a6a}
.pa-classic-header .pa-brand-row .pa-search-nav .input-group-btn{width:auto;white-space:nowrap}
.pa-classic-header .pa-brand-row .pa-search-nav .btn{
  height:44px;padding:0 26px;border-radius:0 7px 7px 0;
  background:#27313D;color:#F5F2EA;border:1px solid #27313D;
  font-weight:800;letter-spacing:.04em}
.pa-classic-header .pa-brand-row .pa-search-nav .btn:hover,
.pa-classic-header .pa-brand-row .pa-search-nav .btn:focus{
  background:#333F4E;border-color:#333F4E;color:#F5F2EA}

/* ---- AUTH (Register / Sign In / account) folds into the ☰ drawer as soon as the
   hamburger appears (<768), not at 560. Supersedes the pass-1 559.98 rule by source order. ---- */
@media (max-width:767.98px){
  .pa-classic-header .pa-header-actions{display:none;}
  .pa-classic-header .pa-drawer-auth{display:block;}
}
@media (min-width:768px){
  .pa-classic-header .pa-drawer-auth{display:none;}
}

/* ---- MOBILE SEARCH: kill the floating, inset, gold-bordered "centered" box; make it a
   natural full-width search bar (input + gold button, flush). ---- */
.pa-role-header .pa-role-mobile-search,
.pa-classic-header .pa-role-mobile-search{
  position:static;height:auto;margin:0;padding:12px 16px 14px;
  border:0;border-radius:0;background:transparent;display:flex;gap:0}
.pa-role-header .pa-role-mobile-search .glyphicon{display:none}
.pa-classic-header .pa-role-mobile-search .form-control{
  flex:1 1 auto;width:auto;height:48px;padding:0 14px;font-size:15px;
  border:1px solid #c8a469;border-right:0;border-radius:8px 0 0 8px;
  background:#fff;color:#211d18;box-shadow:none}
.pa-classic-header .pa-role-mobile-search .btn{
  height:48px;padding:0 22px;border-radius:0 8px 8px 0;border:1px solid #27313D;
  background:#27313D;color:#F5F2EA;font-weight:800;letter-spacing:.04em;white-space:nowrap}

/* ---- PHONE: keep the wide logo from sliding under the hamburger; cap it so logo + ☰ fit. ---- */
@media (max-width:560px){
  .pa-classic-header .pa-og-brand img{height:78px}
  .pa-classic-header .pa-brand-row .container-fluid{min-height:96px;gap:12px;padding:0 16px}
}
@media (max-width:380px){
  .pa-classic-header .pa-og-brand img{height:66px}
}

/* ---- BROWSE: fewer categories reads cleaner as a single tidy column ---- */
.pa-classic-header .pa-public-nav .pa-browse-menu{min-width:300px}
.pa-classic-header .pa-public-nav .pa-browse-menu .pa-bm-cats{column-count:1;padding:0 6px}
.pa-classic-header .pa-public-nav .pa-browse-menu .pa-bm-cats a{font-size:13.5px;padding:7px 8px}

/* drawer section headings (role-aware mobile auth) */
.pa-classic-header .pa-drawer-auth .pa-drawer-head{
  display:block;margin:10px 0 2px;color:var(--pa-gold);font-size:10px;font-weight:800;
  letter-spacing:.12em;text-transform:uppercase;opacity:.9}
.pa-classic-header .pa-drawer-auth .pa-drawer-head:first-child{margin-top:0}

/* PASS 2.1 — keep the auth cluster on one line; trim search so it never squeezes actions */
.pa-classic-header .pa-header-actions{flex:0 0 auto;white-space:nowrap}
.pa-classic-header .pa-header-actions .pa-register,
.pa-classic-header .pa-header-actions .pa-signin,
.pa-classic-header .pa-header-actions .pa-account-toggle{white-space:nowrap}
@media (max-width:1080px){
  .pa-classic-header .pa-brand-row .pa-search-nav{max-width:340px}
}
@media (max-width:880px){
  .pa-classic-header .pa-brand-row .pa-search-nav{max-width:300px;min-width:200px}
}

/* >>> PA-W1-REG BEGIN >>> */
/* PA W1 — registration + auth funnel (Register / LogOn / ForgotPassword / account mgmt).
   APPENDED after the base .pa-acct theme (custom.css ~L3679) — extends it, never duplicates.
   Tokens: bg #fcfbf9 · ink #23282e · muted #5b6470 · hairline #e7e3da · gold #b08a3e
   (fills/borders/large text only) · gold-text #7d5f28 (the ONLY gold for small text, AA 5.74)
   · hover: fill STAYS #b08a3e (ink 4.63 AA) — darker fills fail ink; signal = border+shadow.
   Contract: validation state classes live on the .form-group/.checkbox WRAPPERS
   (.pa-fg-err / .pa-fg-ok / .pa-fg-msg) — vendor requiredFields() wipes input classes.
   Never sets display on #StateRegion / select[name=StateDropDown] (vendor JS toggles). */

/* ---- 1 ▸ single-column, top-aligned forms (Register/LogOnBox/Forgot/ChangePassword) ---- */
.pa-acct form .control-label{display:block;float:none;width:100%;text-align:left;
  padding-top:0;margin:0 0 6px;font-size:15px}
.pa-acct form [class*="col-xs-"],.pa-acct form [class*="col-sm-"],
.pa-acct form [class*="col-md-"],.pa-acct form [class*="col-lg-"]{
  float:none;width:100%;max-width:100%;padding-left:0;padding-right:0}
.pa-acct form [class*="col-xs-offset-"],.pa-acct form [class*="col-sm-offset-"],
.pa-acct form [class*="col-md-offset-"],.pa-acct form [class*="col-lg-offset-"]{margin-left:0}
.pa-acct form .form-group{margin-left:0;margin-right:0;margin-bottom:18px}
.pa-acct form .form-group:last-child{margin-bottom:0}
.pa-acct .help-block{color:#5b6470;font-size:13.5px;margin:6px 0 0}
/* register: the platform 'Create an Account' band duplicates the hero — hide (graceful :has) */
.pa-acct:has(#Form_Registration) .well.section-title{display:none}
/* register form: centered ~640px column, fields capped at 520px */
.pa-acct #Form_Registration{max-width:640px;margin:0 auto;counter-reset:regstep}
.pa-acct #Form_Registration .form-control{max-width:520px}

/* ---- AA link color: small gold links on cream/white use #7d5f28 (base was #b08a3e) ---- */
.pa-acct a,.pa-acct .panel-body a{color:#7d5f28}
.pa-acct a:hover,.pa-acct .panel-body a:hover{color:#5f4720}

/* ---- 2 ▸ numbered-step register panels (matches ol.pa-steps circles) ---- */
.pa-acct #Form_Registration .panel{counter-increment:regstep;background:#fff;
  border:1px solid #e7e3da;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.04);margin-bottom:22px}
.pa-acct #Form_Registration .panel>.panel-heading{display:flex;align-items:center;gap:12px;
  background:#fff;color:#23282e;border-bottom:1px solid #efece4;border-radius:8px 8px 0 0;
  padding:16px 22px;font-size:17px;font-weight:650;letter-spacing:-.01em}
.pa-acct #Form_Registration .panel>.panel-heading::before{content:counter(regstep);
  flex:0 0 28px;width:28px;height:28px;border:1.5px solid #b08a3e;border-radius:50%;
  background:transparent;color:#7d5f28;font-size:14px;font-weight:650;line-height:1;
  display:inline-flex;align-items:center;justify-content:center}
.pa-acct #Form_Registration .panel-body{padding:22px}
.pa-acct .panel-footer{background:#fff;border-top:1px solid #efece4;
  border-radius:0 0 8px 8px;padding:16px 22px}
.pa-acct .panel-footer .pull-right{float:none;display:block;text-align:left;
  color:#5b6470;font-size:13.5px;margin:0 0 12px}
.pa-acct .panel-footer.text-right{text-align:left}
.pa-acct .panel-footer a.btn-link{display:inline-block;margin:0 0 10px;padding:6px 0;
  color:#5b6470;text-decoration:underline}

/* ---- 3 ▸ primary CTAs: slate navy fill + cream label (2026-07-03 btncolor round, was gold; AA ~13:1) ---- */
.pa-acct .btn-success,.pa-acct .btn-primary,
.pa-acct input[type=submit],.pa-acct button[type=submit]{
  display:block;float:none;width:100%;max-width:560px;min-height:48px;
  background:#27313D;border:1px solid #27313D;color:#F5F2EA;
  font-weight:650;font-size:16px;letter-spacing:.01em;line-height:1.3;
  border-radius:6px;padding:12px 28px;text-align:center;
  box-shadow:none;text-shadow:none;background-image:none}
.pa-acct .btn-success:hover,.pa-acct .btn-success:focus,.pa-acct .btn-success:active,
.pa-acct .btn-primary:hover,.pa-acct .btn-primary:focus,.pa-acct .btn-primary:active,
.pa-acct input[type=submit]:hover,.pa-acct input[type=submit]:focus,
.pa-acct input[type=submit]:active,
.pa-acct button[type=submit]:hover,.pa-acct button[type=submit]:focus{
  background:#333F4E;border-color:#333F4E;color:#F5F2EA;box-shadow:0 1px 4px rgba(35,40,46,.25)}
.pa-acct .btn-success[disabled],.pa-acct .btn-primary[disabled],
.pa-acct input[type=submit][disabled]{opacity:.55;cursor:not-allowed}

/* ---- 4 ▸ large-target checkboxes; agreement label ink, only the anchor gold-text ---- */
.pa-acct .checkbox{min-height:44px;padding:6px 0;margin:0 0 4px}
.pa-acct .checkbox>label{display:flex;align-items:flex-start;gap:10px;
  padding-left:0;min-height:32px;cursor:pointer}
.pa-acct .checkbox label{color:#23282e;font-weight:400;font-size:15.5px;
  line-height:1.55;cursor:pointer;margin:0}
.pa-acct .checkbox input[type=checkbox]{position:static;margin:3px 0 0;margin-left:0;
  width:22px;height:22px;flex:0 0 22px;accent-color:#b08a3e;cursor:pointer}
.pa-acct .checkbox a{color:#7d5f28;text-decoration:underline;text-underline-offset:2px}
.pa-acct .checkbox a:hover{color:#5f4720}

/* ---- 5 ▸ validation states (wrapper contract: .pa-fg-err/.pa-fg-ok/.pa-fg-msg) ---- */
.pa-acct .form-group.pa-fg-err .form-control,
.pa-acct .form-control.input-validation-error{
  border-color:#c0392b;box-shadow:0 0 0 2px rgba(192,57,43,.12)}
.pa-acct .pa-fg-err .pa-fg-msg{display:block;color:#a83232;font-size:14px;
  line-height:1.45;margin-top:5px}
.pa-acct .form-group.pa-fg-ok .form-control{border-color:#3e7a4e}
.pa-acct .form-group.pa-fg-ok{position:relative}
/* subtle ok tick beside the label row; omitted on selects and password (eye-toggle) fields */
.pa-acct .form-group.pa-fg-ok:not(:has(select)):not(:has(.pw-vis-toggle))::after{
  content:"\2713";position:absolute;top:0;right:0;color:#3e7a4e;
  font-size:15px;font-weight:700;line-height:1.4;pointer-events:none}
.pa-acct .checkbox.pa-fg-err,.pa-acct .checkbox.input-validation-error{
  border-left:3px solid #c0392b;padding-left:10px}
.pa-acct .checkbox.pa-fg-err label,.pa-acct .checkbox.input-validation-error label{color:#a83232}
.pa-acct .checkbox .pa-fg-msg{margin-left:32px}
.pa-acct .validation-summary-errors{background:#fdf3f3;border:1px solid #eddad8;
  border-left:3px solid #c0392b;color:#23282e;border-radius:8px;
  padding:14px 18px;font-size:15px;margin-bottom:18px}
.pa-acct .validation-summary-errors ul{margin:6px 0 0;padding-left:20px}
.pa-acct .validation-summary-errors li{color:#a83232}
.pa-acct .field-validation-error{display:block;color:#a83232;font-size:14px;margin-top:5px}

/* ---- 6 ▸ visible keyboard focus ---- */
.pa-acct a:focus-visible,.pa-acct button:focus-visible,.pa-acct input:focus-visible,
.pa-acct select:focus-visible,.pa-acct textarea:focus-visible,
.pa-acct [type=submit]:focus-visible{outline:2px solid #7d5f28;outline-offset:2px}

/* ---- 7 ▸ Terms & Conditions modal legibility (#TermsAndConditions per Register.cshtml) ---- */
.pa-acct #TermsAndConditions .modal-dialog{width:min(720px,94vw);margin:28px auto}
.pa-acct #TermsAndConditions .modal-content{border:1px solid #e7e3da;border-radius:10px;
  box-shadow:0 12px 40px rgba(0,0,0,.18)}
.pa-acct #TermsAndConditions .modal-header{border-bottom:1px solid #efece4;padding:16px 22px}
.pa-acct #TermsAndConditions .modal-title{color:#23282e;font-weight:650}
.pa-acct #TermsAndConditions .modal-body{max-height:65vh;overflow:auto;
  -webkit-overflow-scrolling:touch;font-size:15.5px;line-height:1.6;
  color:#3a4048;padding:20px 22px}

/* ---- 8 ▸ GLOBAL (deliberately outside .pa-acct) — external login providers ----
   Facebook provider is dead: hide ExternalLogin/LinkLogin only (RemoveLogin stays). */
a.btn-facebook[href*="ExternalLogin"],a.btn-facebook[href*="LinkLogin"]{display:none!important}
/* Google = white card button (LogOnBox anchor: .form-group > a.btn-google;
   ChangePassword Link/Remove anchors live in .panel-body). */
.form-group>a.btn-google,.panel-body a.btn-google,.pa-google-fast a.btn-google{display:flex;align-items:center;
  justify-content:center;gap:10px;min-height:44px;padding:10px 18px;
  background:#fff;border:1px solid #e7e3da;border-radius:6px;color:#23282e;
  font-weight:600;font-size:15px;line-height:1.3;text-decoration:none;
  box-shadow:0 1px 2px rgba(0,0,0,.04);white-space:normal;text-shadow:none}
.form-group>a.btn-google:hover,.form-group>a.btn-google:focus,
.panel-body a.btn-google:hover,.panel-body a.btn-google:focus,
.pa-google-fast a.btn-google:hover,.pa-google-fast a.btn-google:focus{
  border-color:#b08a3e;background:#fff;color:#23282e}
.form-group>a.btn-google span,.panel-body a.btn-google span,.pa-google-fast a.btn-google span{display:inline-flex;flex:0 0 auto}
.form-group>a.btn-google svg,.panel-body a.btn-google svg,.pa-google-fast a.btn-google svg{width:18px;height:18px;display:block}
/* the inline SVG mark is hardcoded fill="#fff" — invisible on white; CSS fill wins */
.form-group>a.btn-google svg path,.panel-body a.btn-google svg path,.pa-google-fast a.btn-google svg path{fill:#b08a3e}

/* ---- 9 ▸ flow modifier: theme without the full-bleed calc (_MyAccountLayout pages) ---- */
.pa-acct.pa-acct--flow{width:auto;margin-left:0;background:transparent;padding:0}

/* ---- 10 ▸ sign-in dedupe: SignInCopy card's CTA is the ONLY register affordance ---- */
.pa-acct .visible-xs>a.btn-primary[href*="/Account/Register"]{display:none}
.pa-acct .text-or{margin:20px 0;font-size:12.5px;letter-spacing:.14em;
  text-transform:uppercase;color:#5b6470}

/* ---- 11 ▸ account-mgmt: tables + mobile account-menu toggle ---- */
.pa-acct table.table{background:#fff;margin-bottom:0}
.pa-acct table.table>thead>tr>th{font-size:12.5px;font-weight:600;letter-spacing:.07em;
  text-transform:uppercase;color:#5b6470;background:#faf9f6;
  border-bottom:1px solid #e7e3da;padding:12px 14px}
.pa-acct table.table>tbody>tr>td{border-top:1px solid #efece4;color:#23282e;
  padding:12px 14px;vertical-align:middle}
/* mobile "My Account Menu ▾" (CategoryListRoot: .dropdown.visible-xs > .btn-primary
   inside _MyAccountLayout's .myaccount__menu column — scoped there, NOT global) */
.myaccount__menu>.dropdown>.btn-primary.dropdown-toggle{background:#2b3440;
  border:1px solid #2b3440;color:#fff;font-weight:600;font-size:15.5px;min-height:48px;
  border-radius:6px;box-shadow:none;text-shadow:none;background-image:none}
.myaccount__menu>.dropdown>.btn-primary.dropdown-toggle:hover,
.myaccount__menu>.dropdown>.btn-primary.dropdown-toggle:focus,
.myaccount__menu>.dropdown.open>.btn-primary.dropdown-toggle{
  background:#232b36;border-color:#232b36;color:#fff}
.myaccount__menu>.dropdown>.btn-primary.dropdown-toggle .caret{border-top-color:#fff}
.myaccount__menu>.dropdown>.btn-primary.dropdown-toggle:focus-visible{
  outline:2px solid #7d5f28;outline-offset:2px}

/* ---- 12 ▸ mobile ---- */
@media (max-width:640px){
  .pa-acct .btn-success,.pa-acct .btn-primary,
  .pa-acct input[type=submit],.pa-acct button[type=submit]{width:100%;max-width:none}
  .pa-acct .panel-body,.pa-acct #Form_Registration .panel-body{padding:18px 16px}
  .pa-acct #Form_Registration .panel>.panel-heading{padding:14px 16px}
  .pa-acct .panel-footer{padding:14px 16px}
  .pa-acct .form-control,.pa-acct select.form-control,
  .pa-acct textarea.form-control{font-size:16px} /* prevents iOS focus zoom */
  .pa-acct #Form_Registration .form-control{max-width:none}
}
/* <<< PA-W1-REG END <<< */

/* fix-round: 'or' pill transparent outside white panels; align CTA/field caps */
.pa-google-fast .text-or span{background:transparent}

/* >>> PA-UNIFY BEGIN >>> 2026-07-02 sitewide chrome unification (slate/gold).
   Scope: account shell sidebar+summary, section-title wells (account layout only),
   breadcrumb colors, SiteMap closed-event flood. NO bid/browse mechanics touched.
   Rollback: delete this fence. */

/* account sidebar — quiet slate list, gold hover/active, small-caps labels */
.myaccount__menu .nav-section-label{font-size:12.5px;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:#838b95;margin:22px 0 6px;}
.myaccount__menu .nav.nav-stacked>li>a{color:#3c434c;padding:6px 10px;border-radius:6px;font-size:14.5px;}
.myaccount__menu .nav.nav-stacked>li>a:hover,.myaccount__menu .nav.nav-stacked>li>a:focus{background:#f4f1ea;color:#7d5f28;}
.myaccount__menu .nav.nav-stacked>li.active>a,.myaccount__menu .nav.nav-stacked>li.active>a:hover{background:#f8f4ec;color:#7d5f28;font-weight:600;}
.myaccount__menu>a.btn-default{background:#fff;border:1px solid #e7e3da;border-radius:8px;color:#23282e;font-weight:600;text-align:left;padding:8px 12px;}
.myaccount__menu>a.btn-default:hover,.myaccount__menu>a.btn-default:focus{border-color:#b08a3e;color:#7d5f28;background:#fff;}

/* gray title wells -> flat cream page headers (account layout only; :has-guard
   keeps the W1 .pa-acct auth styling untouched) */
body:has(.myaccount__menu) .well.well-sm.section-title{background:transparent;border:0;box-shadow:none;border-bottom:1px solid #e7e3da;border-radius:0;padding:10px 2px 12px;margin-bottom:14px;color:#23282e;font-weight:650;font-size:19px;letter-spacing:-.01em;}

/* account summary panel: slate links, gold count chips */
.panel-mysummary{border:1px solid #e7e3da;border-radius:10px;box-shadow:none;}
.panel-mysummary .panel__title{font-size:16px;font-weight:650;color:#23282e;}
.panel-mysummary p>a{color:#3c434c;text-decoration:none;}
.panel-mysummary p>a:hover{color:#7d5f28;}
.panel-mysummary .summary-link{border:1px solid #e7d9bd;background:#f8f4ec;color:#7d5f28;font-weight:650;border-radius:8px;min-width:44px;}
.panel-mysummary p>a:hover .summary-link{border-color:#b08a3e;}

/* breadcrumb — colors only (no layout/behavior change) */
.breadcrumb{background:transparent;padding-left:2px;}
.breadcrumb>li>a{color:#7d5f28;}
.breadcrumb>li>a:hover{color:#977433;}
.breadcrumb>.active{color:#5b6470;}

/* SiteMap: hide the closed-event flood (deep event lists under Browse > Events) */
ul.sitemap li li li ul{display:none;}

/* eval round 2026-07-02: account title demote (desktop), active gold accent,
   SiteMap machine-heading hide, register password-eye pin (>=1200 where the
   520px input cap detaches the platform's right:25px eye) */
@media (min-width:992px){
  body:has(.myaccount__menu) .myaccount .well.well-sm.section-title{font-size:14px;font-weight:500;color:#5b6470;padding:4px 2px 10px;}
}
.myaccount__menu .nav.nav-stacked>li.active>a{box-shadow:inset 2px 0 0 #b08a3e;}
body:has(ul.sitemap) .panel>.panel-heading{display:none;}
@media (min-width:1200px){
  .pa-acct .col-sm-6>.toggle-pw-vis{left:507px;right:auto;}
}
/* <<< PA-UNIFY END <<< */

/* >>> PA-AUTHCTA BEGIN >>> (2026-07-03 — header auth actions leveled up; owner: "white doesn't
   match, too plain, give svg". Root cause of the white box was the Sign-In Copy region (id 4)
   styling an unqualified .pa-signin — renamed to .pa-signin-copy there. Here: SIGN IN becomes a
   gold-hairline ghost pill with a user icon (CSS mask -> icon follows text color; cream at rest,
   ink on gold hover per the S0 AA ruling). REGISTER keeps its gold underline as primary. */
.pa-classic-header .pa-signin{display:inline-flex;align-items:center;gap:8px;
  border:1px solid rgba(200,164,92,.55);border-radius:999px;padding:9px 18px;
  color:var(--pa-cream);font-weight:700;font-size:12.5px;letter-spacing:.06em;
  text-transform:uppercase;text-decoration:none;line-height:1;background:transparent;
  transition:background .15s ease,border-color .15s ease,color .15s ease;}
.pa-classic-header .pa-signin::before{content:"";width:14px;height:14px;flex:0 0 14px;
  background-color:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") center/contain no-repeat;}
.pa-classic-header .pa-signin:hover,.pa-classic-header .pa-signin:focus{
  background:var(--pa-cream);border-color:var(--pa-cream);color:#1b1b1f;}
.pa-classic-header .pa-signin:focus-visible{outline:2px solid var(--pa-gold-soft);outline-offset:3px;}
/* the hairline divider reads as clutter next to a pill — drop it */
.pa-classic-header .pa-header-actions .pa-divider{display:none;}
/* <<< PA-AUTHCTA END <<< */

/* >>> PA-MOBILEFIX BEGIN >>> (2026-07-03 — owner mobile screenshots: (A) drawer Browse panel
   overlapped the menu; (B) logo too small / distorted at several widths. key 20260703-mobilefix.
   (A) Root cause: the desktop hover-open rules (li.pa-browse:hover ~4014, li.has-sub:hover ~3512)
   are not media-gated. On touch, sticky :hover after a tap re-shows the panel WITHOUT BS3's .open —
   so Bootstrap's mobile `.navbar-nav .open .dropdown-menu{position:static}` never applies and the
   transparent panel paints absolutely OVER the drawer items (probe-verified 2026-07-03: hover-only
   = position:absolute + overlap; tap/.open = static + fine). Below the drawer breakpoint: hover
   alone may never open a panel (:not(.open) out-specifies the hover-open rules), and any panel
   that does show is forced into the document flow.
   (B) Logo was height-driven at some widths and width-driven at others -> 215x128 squish at 768
   (flex-shrink under the <=991 width:320 clamp) and 240x66 stretch <=360 (R4-3 width clamp vs
   height:66). Height-driven everywhere now (width:auto retires every width clamp by end-of-file
   source order at equal specificity); phone floor raised 78->88 per owner's approved screenshot;
   <=374 drops to 76 so logo+hamburger still fit at 320 (2.22 ratio: 88->195px, 76->169px wide). */
@media (max-width:767.98px){
  .pa-classic-header .pa-public-nav li.pa-browse:not(.open):hover>.pa-browse-menu,
  .pa-classic-header .pa-public-nav li.has-sub:not(.open):hover>.submenu{display:none;}
  .pa-classic-header .pa-public-nav .pa-browse-menu,
  .pa-classic-header .pa-public-nav .submenu{position:static;float:none;width:auto;max-width:none;margin:0;}
}
.pa-classic-header .pa-og-brand{flex:0 0 auto;width:auto;}
.pa-classic-header .pa-og-brand img{width:auto;height:128px;}
@media (max-width:560px){
  .pa-classic-header .pa-og-brand img{height:88px;}
}
@media (max-width:374px){
  .pa-classic-header .pa-og-brand img{height:76px;}
}
/* <<< PA-MOBILEFIX END <<< */

/* >>> PA-REGPOLISH BEGIN >>> (2026-07-03 — register-funnel polish: reassurance line on the
   card-on-file step (Views/Account/AddCreditCard.cshtml adds .pa-card-reassure) + phone-width
   comfort for that form: BS3 .form-horizontal labels/selects stack by default <768, but the
   address-radio input-groups and month/year selects were edge-tight at 390. key 20260703-regpolish */
.myaccount .pa-card-reassure{
  margin:2px 0 16px;padding:10px 14px;max-width:640px;
  background:#f7f4ee;border-left:3px solid #b08a3e;border-radius:0 6px 6px 0;
  color:#5b6470;font-size:13.5px;line-height:1.55;}
.myaccount .pa-card-reassure strong{color:#3f4652;}
@media (max-width:560px){
  .myaccount .input-group .btn .text-left{font-size:13px;}
  .myaccount select.form-control{max-width:100%;}
}
/* <<< PA-REGPOLISH END <<< */

/* >>> PA-FOOTFIX BEGIN >>> (2026-07-03 hygiene — phone footer: the contact rows sat flush-left
   while .tag/socials/headings center, reading as misalignment (S2 note "footer contact-block
   left-alignment on phone"). Center the contact group as a unit; rows keep a shared left edge.
   key 20260703-footfix */
@media (max-width:560px){
  footer .fbrand .contact{width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;text-align:left;}
}
/* <<< PA-FOOTFIX END <<< */

/* PA-REVIEWFIX BEGIN 20260703 — post-review-fleet fixes (staging review round):
   shortcuts desktop-only (992+, frees 768 search width), nowrap labels, true vertical centering;
   <=400 footer legal clears the fixed back-to-top button */
.pa-classic-header .pa-nav-shortcuts>a{white-space:nowrap}
@media(min-width:768px) and (max-width:991px){.pa-classic-header .pa-brand-row .pa-search-nav .btn{padding-left:10px;padding-right:10px;font-size:12px;letter-spacing:0}}
@media(max-width:400px){.flegal .wrap{padding-right:64px}}
/* PA-REVIEWFIX END */

/* >>> PA-SEARCHFIX BEGIN >>> (2026-07-04 — owner: header "search button doesn't look natural".
   Root cause (computed-style probe): the PASS-2 attached shapes (input 7px 0 0 7px / btn 0 7px 7px 0)
   were split apart by the later detached-era .input-group{gap:9px}; the btn fill #27313D exactly
   matches the brand-row background (invisible button); and a retired-era border:#111!important
   still wins the border. Fix: re-fuse into one control, darker slate fill so the segment reads,
   cream label, gold label on hover (goldhover canon). No gold fill / no white fill per S7b ruling.
   key 20260704-searchfix */
.pa-classic-header .pa-brand-row .pa-search-nav .input-group{gap:0}
.pa-classic-header .pa-brand-row .pa-search-nav .form-control{
  border:1px solid rgba(255,255,255,.82);border-right:0;border-radius:7px 0 0 7px}
.pa-classic-header .pa-brand-row .pa-search-nav .btn{
  border:1px solid #1d252f!important;
  background:#1d252f;color:#f4efe2;
  border-radius:0 7px 7px 0;padding:0 24px;
  transition:background-color .16s ease,color .16s ease}
.pa-classic-header .pa-brand-row .pa-search-nav .btn:hover,
.pa-classic-header .pa-brand-row .pa-search-nav .btn:focus{
  background:#161d25;border-color:#161d25!important;color:#cdab6e}
/* re-assert the S9 768-991 compact button (my padding:0 24px above out-orders it; the 123.5px
   input width at 768 was hard-won — see S9 "documented so nobody re-fights it") */
@media(min-width:768px) and (max-width:991px){
  .pa-classic-header .pa-brand-row .pa-search-nav .btn{padding-left:10px;padding-right:10px}}
/* <<< PA-SEARCHFIX END <<< */

/* >>> PA-SEARCHFIX-MOBILE BEGIN >>> (2026-07-04 — owner: xs search input+button render detached.
   Fuse into one control exactly like the desktop PA-SEARCHFIX: gold-bordered input, attached
   dark-slate button segment, cream label, gold label on hover. Media-gated to xs only. */
@media(max-width:767px){
  .pa-classic-header .pa-role-mobile-search{display:flex!important;align-items:stretch;gap:0;height:auto;
    margin:0;padding:12px 16px;background:var(--pa-k2);border:0;border-top:1px solid var(--pa-line);border-radius:0}
  .pa-classic-header .pa-role-mobile-search .form-control{height:44px;flex:1 1 auto;width:auto;
    border:1px solid #c8a469;border-right:0;border-radius:8px 0 0 8px;background:#fff;color:#211d18;
    padding:0 14px;box-shadow:none}
  .pa-classic-header .pa-role-mobile-search .form-control::placeholder{color:#8a8578}
  .pa-classic-header .pa-role-mobile-search .btn{height:44px;flex:0 0 auto;margin:0;
    border:1px solid #1d252f!important;background:#1d252f;color:#f4efe2;
    border-radius:0 8px 8px 0;padding:0 20px;font-weight:800;text-transform:uppercase;
    letter-spacing:.04em;font-size:12px;transition:background-color .16s ease,color .16s ease}
  .pa-classic-header .pa-role-mobile-search .btn:hover,
  .pa-classic-header .pa-role-mobile-search .btn:focus{background:#161d25;border-color:#161d25!important;color:#cdab6e}
}
/* <<< PA-SEARCHFIX-MOBILE END <<< */

/* >>> PA-DRAWER-AUTH-FIX BEGIN >>> (2026-07-04 — owner: Register/Sign In placement in the mobile
   drawer looks obviously wrong (bare flush-left text link + lone pill). Make the anonymous pair two
   equal pill buttons with a proper drawer gutter. Direct-child selectors so the signed-in variant
   (.pa-drawer-head sections) keeps its stacked layout; it only inherits the consistent 16px gutter.
   Existing palette only — no new colors. */
@media (max-width:767.98px){
  .pa-classic-header .pa-drawer-auth{padding:12px 16px 14px;border-top:1px solid var(--pa-line)}
  .pa-classic-header .pa-drawer-auth > .pa-register,
  .pa-classic-header .pa-drawer-auth > .pa-signin{
    display:inline-flex;align-items:center;justify-content:center;min-height:44px;
    width:calc(50% - 6px);margin:0;padding:8px 12px;border-radius:999px;border:1px solid;
    font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
  .pa-classic-header .pa-drawer-auth > .pa-register{color:#14181F;background:var(--pa-gold-soft);border-color:var(--pa-gold-soft)}
  .pa-classic-header .pa-drawer-auth > .pa-signin{color:var(--pa-cream);background:transparent;border-color:rgba(244,239,226,.55);margin-left:8px}
  .pa-classic-header .pa-drawer-auth > .pa-register:hover,.pa-classic-header .pa-drawer-auth > .pa-register:focus{color:#14181F;background:var(--pa-gold);border-color:var(--pa-gold)}
  .pa-classic-header .pa-drawer-auth > .pa-signin:hover,.pa-classic-header .pa-drawer-auth > .pa-signin:focus{color:var(--pa-gold-soft);border-color:var(--pa-gold-soft)}
}
/* <<< PA-DRAWER-AUTH-FIX END <<< */

/* === FIXPASS 2026-07-06 (PLA-407 / PLA-408): drawer pill spacing + Browse continuity === */
/* PLA-407 — drawer Buying/Account .pa-signin pills stacked flush (no vertical margin); air + section heads */
@media (max-width:767.98px){
  .pa-classic-header .pa-drawer-auth .pa-register,
  .pa-classic-header .pa-drawer-auth .pa-signin{margin-bottom:10px;}
  .pa-classic-header .pa-drawer-auth .pa-drawer-head{margin:16px 0 8px;}
}
/* PLA-408 — Browse read as one long flat list; two-column category grid restores scan rhythm.
   Desktop: supersedes the single-column ruling at L4164 (8 categories now, not 4). */
@media (min-width:768px){
  .pa-classic-header .pa-public-nav .pa-browse-menu{min-width:440px}
  .pa-classic-header .pa-public-nav .pa-browse-menu .pa-bm-cats{column-count:2;column-gap:14px;padding:0 6px}
}
@media (max-width:767px){
  .pa-classic-header .pa-public-nav .pa-browse-menu{min-width:0}
  .pa-classic-header .pa-public-nav .pa-browse-menu .pa-bm-quick{display:grid;grid-template-columns:1fr 1fr;gap:0 6px;padding:0 10px}
  .pa-classic-header .pa-public-nav .pa-browse-menu .pa-bm-quick a{padding:9px 10px}
  .pa-classic-header .pa-public-nav .pa-browse-menu .pa-bm-cats{column-count:2;column-gap:6px;padding:0 10px}
  .pa-classic-header .pa-public-nav .pa-browse-menu .pa-bm-cats a{padding:9px 10px;white-space:normal}
}