body {
    font-size:                   12px;
    line-height:                 1.5;
    overflow-x:                  hidden;
    width:                       100%;
    height:                      100%;
    margin:var(--spacing-none) auto 45px auto;
    padding:50px var(--spacing-none) var(--spacing-none) var(--spacing-none);
    -webkit-text-size-adjust:    none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.4);
}

body.menu {
    padding-top:50px;
}

input[type=text], input[type=tel], input[type=password], textarea {
    -webkit-appearance: none;
}

input[type=text], input[type=tel], input[type=password], select, textarea {
    box-sizing: border-box;
}

input[type=text]:not(.InputComponent),
input[type=password]:not(.InputComponent),
input[type=tel]:not(.InputComponent),
select,
textarea:not(.TextAreaComponent) {
    font-size: 16px;
    color: var(--gray-900);
    padding:var(--spacing-alt-xs);
}

select {
    max-width:     100%;
    padding-right:var(--spacing-xl);
}

input.phone[type=text], input.phone[type=tel] {
    padding-left:26px;
    background-position: 4px center !important;
}

button, input[type=submit], input[type=button] {
    padding:var(--spacing-alt-md) var(--spacing-2xl);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    border-radius: 8px;
}

.notfound {
    font-size:  16px;
    padding:var(--spacing-6xl) var(--spacing-md) !important;
    text-align: center;
}

.notfound .hlp_icon {
    justify-content: center;
}

#crumb {
    padding:var(--spacing-xl) var(--spacing-6xl) var(--spacing-sm) var(--spacing-md);
    height:  initial;
}

#crumb ol {
    margin:auto;
    flex-wrap: wrap;
    height:    initial;
}

#crumb ol li {
    margin-bottom:var(--spacing-none);
}

/*hide homepage link to shorten the line*/
#crumb li:first-child, #crumb li:nth-child(2) {
    display: none;
}

#crumb li:first-child + li:before {
    display: none;
}

#pt {
    padding:var(--spacing-none) var(--spacing-md) var(--spacing-lg) var(--spacing-md);
    margin:var(--spacing-none);
    background-color: var(--gray-100);
}

#pt > h1 {
    font-size:   20px;
    line-height: 28px;
}

#menul {
    width:            auto;
    margin:var(--spacing-none) var(--spacing-md);
    padding:var(--spacing-none);
    text-align:       left;
    background-color: var(--gray-100);
}

#menul.dlg {
    position: absolute;
    z-index:  99;
    top:      0;
    right:    0;
    bottom:   0;
    left:     0;
}

#menul > #uinfo {
    margin:var(--spacing-none);
    border:        none;
    border-radius: 0;
    box-shadow:    none;
}

#contentr {
    float:         none;
    width:         auto;
    margin:var(--spacing-none);
    padding:var(--spacing-none);
    border:        none;
    border-top:    1px solid var(--gray-400);
    border-bottom: 1px solid var(--gray-400);
    border-radius: 0;
    box-shadow:    none;
}

.plogin {
    padding:var(--spacing-xl);
    border-radius: 0;
    box-shadow:    none;
}

.recoverpage-info a {
    max-width: unset;
}

.forgotpass .recoverpage-info {
    padding:var(--spacing-none);
}

.plogin > .l > .email > form > .box {
    max-width: 380px;
    margin:var(--spacing-none) auto var(--spacing-lg);
    padding:var(--spacing-none);
}

.plogin .soclogin {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    margin-bottom: var(--spacing-8xl);
}

.plogin .error > .c {
    border-radius: var(--radius-sm);
}

.plogin .page_info {
    border: none;
}

.btns {
    margin:5px var(--spacing-none);
    text-align: center;
}

.info .btns {
    margin-top:var(--spacing-md);
    padding:var(--spacing-none);
    text-align: left;
}

.btns input, .btns button {
    font-size:   16px;
    margin:var(--spacing-alt-sm);
    white-space: normal;
}

.error {
    padding:var(--spacing-none) var(--spacing-none) var(--spacing-alt-sm) var(--spacing-none);
}

.bubble .error, .postdlg .error {
    padding:var(--spacing-alt-sm) var(--spacing-none);
}

.prgr {
    font-size: 16px;
}

.error > .c {
    display:       block;
    padding:var(--spacing-alt-xs) var(--spacing-md);
    border-radius: 8px;
    box-shadow:    none;
}

.error .c > div {
    display:        flex;
    flex-direction: column;
    margin:var(--spacing-alt-xs) var(--spacing-none);
}

.error .c > div > div.t, .error .c > div > div:last-child {
    display: block;
    padding:var(--spacing-xxs);
}

.ui-widget-content .error > .c {
    border-radius: 6px;
}

.wallet {
    flex-direction:   column;
    padding:var(--spacing-none);
    background-color: var(--gray-300);
}

.wallet .l {
    float:            none;
    width:            auto;
    margin:var(--spacing-none);
    padding:var(--spacing-xl) var(--spacing-md);
    border:           none;
    background-color: var(--gray-100);
}

.wallet .l .number {
    margin:var(--spacing-none);
}

.wallet .l .i {
    display: none;
}

.wallet .r {
    width:            auto;
    margin:var(--spacing-none);
    padding:var(--spacing-xl) var(--spacing-md);
    border:           none;
    border-top:       1px solid var(--gray-300);
    border-bottom:    1px solid var(--gray-300);
    background-color: var(--gray-100);
}

.wallet .r .c img {
    width:       50px;
    margin-left:var(--spacing-sm);
}

.wallet .l > .t, .wallet .r > .t {
    font-size: 15px;
    margin:var(--spacing-alt-xs) var(--spacing-none) var(--spacing-md) var(--spacing-none);
}

.help {
    padding:var(--spacing-sm) var(--spacing-none);
    border-radius: 0;
}

.help .title {
    font-size: 20px;
}

.help div img {
    max-width: 50%;
}

.help_idx {
    display:          block;
    width:            auto;
    padding:var(--spacing-xl) var(--spacing-none);
    text-align:       left;
    background-color: var(--gray-100);
}

.pageicn {
    padding:var(--spacing-xl);
}

.pageicn .l {
    float:         none;
    margin-bottom:var(--spacing-sm);
    text-align:    center;
}

.pageicn .l img {
    width:  64px;
    height: 64px;
}

.pageicn .r {
    font-size:  15px;
    padding:var(--spacing-none);
    text-align: center;
}

.info .hlp_icon div {
    display: none;
}

.pageicn .r .bubble_info {
    padding:var(--spacing-alt-sm) var(--spacing-none) !important;
}

.pageicn .r .bubble_info:nth-child(2) {
    clear:   left;
    padding:var(--spacing-alt-sm);
}

.pageicn .r .c:not(.CountryPhoneNumberFormElement) {
    flex-direction: column;
    width: 100%;
    gap:var(--spacing-lg);
}

.pageicn .r .c:not(.CountryPhoneNumberFormElement) > * {
    width: 100%;
    max-width: unset;
    font-size: var(--font-size-sm);
    margin:var(--spacing-none);
}

.pageicn .r .code_verify {
    width: 100%;
    gap:var(--spacing-lg);
}

.pvp .code_verify input[type=text].code {
    width: 100% !important;
}

.pageicn .r .c input[type=submit] {
    padding:var(--spacing-md) var(--spacing-2xl);
}

.pageicn .country-phone-number-container {
    margin:var(--spacing-none);
    width: 100%;
}

.dlgi {
    font-size:  15px;
    text-align: left;
    color: var(--gray-900);
}

.smenu {
    margin:var(--spacing-none);
}

.smenu .c {
    display: block;
}

.smenu .c:first-child {
    padding-top:var(--spacing-none);
}

.smenu .c:last-child {
    border: none;
}

.smenu .c .l {
    margin:var(--spacing-none);
}

.smenu .c .l .t {
    font-size:     16px;
    color: var(--gray-900);
    margin-bottom:var(--spacing-alt-xs);
}

.smenu .c .l .i {
    font-size: 12px;
    color: var(--gray-700);
}

.smenu .c .r {
    margin-top:var(--spacing-xl);
}

.pcontact {
    font-size:      16px;
    flex-direction: column;
    margin:var(--spacing-none);
    padding:var(--spacing-none);
    border:         none;
}

.pcontact.real-contact:not(:first-child) {
    padding-top:var(--spacing-md);
}

.pcontact.paddress,
.pcontact.payment {
    padding:var(--spacing-md) var(--spacing-md) var(--spacing-none) var(--spacing-md);
}

.pcontact.payment .notfound {
    color: var(--gray-600) !important;
    text-align: left;
}

.pcontact .l, .resume .fsec > .t {
    font-size:        16px;
    font-weight:      700;
    color: var(--gray-900);
    box-sizing:       border-box;
    width:            100%;
    margin:var(--spacing-lg) var(--spacing-none) var(--spacing-none) var(--spacing-md);
    padding:var(--spacing-none);
    text-align:       left;
    background-color: transparent;
}

.pcontact .r {
    box-sizing:       border-box;
    width:            100%;
    margin:var(--spacing-none) var(--spacing-none) var(--spacing-alt-xs);
    padding:var(--spacing-md);
    background-color: var(--gray-100);
}

.pcontact .r > .add {
    padding-top:var(--spacing-sm);
}

.pcontact .r .i div:first-child {
    display: inline-block;
    width:   auto;
}

.pcontact .r .i div:nth-child(2) {
    display: none;
}

.pcontact .r .i div:nth-child(2) img,
.pcontact .r .i div:nth-child(2) {
    margin-right:var(--spacing-none);
}

.pcontact .r .i div:nth-child(3) {
    margin-right:var(--spacing-none);
    max-width:       42px;
    display:         flex;
    justify-content: center;
}

.pcontact .r a img {
    width:  18px;
    height: 18px;
}

.pcontact .r .blink:hover {
    background-color: transparent;
}

.code_verify input[type=text].code {
    font-size: 18px;
    display: block;
    margin:var(--spacing-xl) auto var(--spacing-lg);
    width: 100%;
}

.code_verify input[type=button]#submit_dlg_button {
    width: 100%;
}

.code_verify .existing {
    font-size: 20px;
    margin-right:var(--spacing-none);
    margin-bottom:var(--spacing-xl);
}

.dlg_toggle {
    overflow-y:                 scroll;
    justify-content:            flex-start;
    text-align:                 center;
    white-space:                nowrap;
    -webkit-overflow-scrolling: touch;
}

.contact_sel {
    font-size: 15px;
    padding-top:var(--spacing-none);
}

.contact_sel .c {
    float:  none;
    margin:var(--spacing-none);
}

.contact_sel .post-add-call-recording-notice {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-top: var(--spacing-lg);
    box-sizing: border-box;
}

.info {
    font-size:     15px;
    width:         auto;
    max-width:     480px;
    margin:var(--spacing-alt-sm) auto var(--spacing-alt-sm);
    text-align:    left;
    border-top:    1px solid var(--gray-400);
    border-bottom: 1px solid var(--gray-400);
    border-radius: 0;
    box-shadow:    none;
}

.info .hlp_icon span {
    margin-left:var(--spacing-none);
}

#main:has(.EmptyStateComponent) {
    min-height: calc(100vh - 106px);
}

#main:has(.EmptyStateComponent) > .tabbody {
    flex: 1;
}

#main:has(.EmptyStateComponent) > .tabbody > div > #tabcontent {
    display: block;
}

#main .info:first-child {
    margin-top:var(--spacing-alt-sm);
}

#main .info:nth-child(2) {
    margin-top:var(--spacing-none);
    border-top: none;
}

.bnr_list {
    overflow:         scroll;
    background-color: var(--gray-100);
}

.bnr_list .hdr {
    display: none;
}

.bnr_info {
    margin:var(--spacing-none);
    background-color: var(--gray-100);
    border-bottom:    1px solid var(--gray-400);
}

.bnr_info .l {
    float:         none;
    width:         auto;
    border-right:  none;
    border-bottom: 1px solid var(--gray-400);
}

.bnr_info .r {
    float:     none;
    margin:var(--spacing-none) auto;
    padding:var(--spacing-6xl) var(--spacing-none);
    min-width: 100px;
    max-width: 300px;
}

.tabbody {
    position:      relative;
    z-index:       1;
    border-radius: 0;
    border:        none;
    box-shadow:    none;
    border-top:    1px solid var(--gray-300);
    margin-top:-5px;
}

.tabbody h1 {
    padding:var(--spacing-xl) var(--spacing-md);
}

.tabbody .dl, .tabbody .dlmsg, .tabbody .dlpayh, .dlbundles {
    background-color: var(--gray-100);
}

.tabbody .dl {
    margin-top:-1px;
}

.tabbody #tabmenu {
    display:       flex;
    gap:var(--spacing-sm);
    padding:var(--spacing-md);
    border-bottom: none;
    width:         calc(100% - 24px);
}

.tabbody #tabmenu div.item {
    position:         relative;
    padding:var(--spacing-alt-sm) var(--spacing-md);
    box-shadow:       none;
    font-size:        14px;
    font-weight:      500;
    line-height:      20px;
    border-radius:    8px;
    color: var(--gray-900);
    background-color: var(--gray-300);
}

.tabbody #tabmenu div.item > a > span {
    font-size:   14px;
    font-weight: 500;
    line-height: 20px;
}

.tabbody #tabmenu > div.item.sel {
    font-size:        14px !important;
    color: var(--gray-100);
    background-color: var(--brand-400);
}

#idpad, #idprenew, #idrepublish {
    display: block;
    margin:var(--spacing-alt-sm) var(--spacing-none);
}

#msg_list {
    border:           none;
    background-color: var(--gray-300);
}

#msg_list:has(.EmptyStateComponent) {
    background-color: unset;
}

#msg_list .dlmsg > a {
    padding:var(--spacing-lg) var(--spacing-md);
}

#msg_list .dlmsg > a:not(:first-child) {
    border-top: 1px solid var(--gray-300);
}

#msg_list .dlmsg > a .t {
    color: var(--gray-900);
    font-size:   12px;
    line-height: 16px;
    font-weight: 500;
}

#msg_list .dlmsg > a .desc {
    color: var(--gray-900);
    font-size:   14px;
    font-weight: 400;
}

#msg_list .dlmsg > a img {
    width:  48px;
    height: 48px;
}

#msg_list .dlmsg > a img.icon-company-verified {
      width: 14px;
      height: 14px;
}

#msg_list .dlmsg > a img.av_comp {
    border-radius: 8px;
}

.vpagetab {
    overflow:                   scroll;
    width:                      100%;
    margin:var(--spacing-none);
    padding:var(--spacing-none) var(--spacing-none) var(--spacing-md) var(--spacing-none);
    text-align:                 left;
    white-space:                nowrap;
    border-radius:              0;
    background-color: var(--gray-100);
    box-shadow:                 none;
    -webkit-overflow-scrolling: touch;
    display:                    flex;
    gap:var(--spacing-sm);
}

.vpagetab div, .vpagetab a {
    display:          inline-block;
    width:            auto;
    padding:var(--spacing-alt-sm) var(--spacing-md);
    box-shadow:       none;
    font-size:        14px;
    font-weight:      500;
    line-height:      20px;
    border-radius:    8px;
    color: var(--gray-900);
    background-color: var(--gray-300);
}

.vpagetab div {
    background-color: var(--brand-400);
    color: var(--gray-100);
}

.vpagetab div span, .vpagetab a span {
    font-size:   14px;
    font-weight: 500;
    line-height: 20px;
    color: var(--gray-900);
    float:       none;
    margin-left:var(--spacing-xs);
    padding:var(--spacing-none);
}

.vpagetab div span {
    color: var(--gray-100);
}

.vpagetab div::after {
    display: none;
}

.vpagetab .fav-row,
.vpagetab div .counter,
.vpagetab a .counter {
    display: inline;
}

.vpagetab a {
    display: inline;
}

.vpagetab .fav-row .counter .fav-dot,
.vpagetab a .counter .fav-dot {
    display: none;
}

.pagetab {
    display:                    block;
    overflow:                   scroll;
    margin:var(--spacing-none);
    padding:var(--spacing-none);
    white-space:                nowrap;
    border:                     none;
    background-color: var(--gray-100);
    -webkit-overflow-scrolling: touch;
}

.pagetab:nth-child(2), .pagetab:nth-child(3) {
    border-top: 1px solid var(--gray-400);
}

.dlg_toggle::-webkit-scrollbar, #pageTabBar::-webkit-scrollbar, .pagetab::-webkit-scrollbar, #tabmenu::-webkit-scrollbar, .vpagetab::-webkit-scrollbar,
.featured > .c > .h2::-webkit-scrollbar, .featured > .c > .u > .c::-webkit-scrollbar,
.featured > .c > .st > .c::-webkit-scrollbar, .it > div:first-child::-webkit-scrollbar,
.story .coll > .c > .h2::-webkit-scrollbar, .menustrip::-webkit-scrollbar, .rev_sugg::-webkit-scrollbar {
    display: none;
}

.pagetab > a, .pagetab > span {
    font-size:   14px;
    margin:var(--spacing-none);
    padding:var(--spacing-lg) var(--spacing-md) 13px var(--spacing-md);
    white-space: nowrap;
    border:      none;
    box-shadow:  none;
}

.pagetab > span {
    color: var(--brand-400);
    padding:var(--spacing-lg) var(--spacing-md) var(--spacing-md) var(--spacing-md);
    border-bottom: 1px solid var(--brand-400);
}

.pagetab > span::after {
    display: none;
}

#pageTabBar {
    overflow:         scroll;
    padding:var(--spacing-none);
    background-color: var(--gray-100);
    border-bottom:    none;
}

#pageTabBar > div:first-child {
    margin:var(--spacing-md);
    flex-wrap: nowrap;
}

#pageTabBar > div:first-child > span, #pageTabBar > div:first-child > a {
    font-size: 14px;
    margin:var(--spacing-none);
    padding:var(--spacing-alt-sm) var(--spacing-md);
}

#pageTabBar > div:first-child > span {
}

#pageButtonBar {
    background-color: var(--gray-100);
    padding:var(--spacing-md) var(--spacing-sm);
}

#tabmenu {
    overflow:                   scroll;
    width:                      100%;
    margin:var(--spacing-none);
    padding:var(--spacing-none);
    white-space:                nowrap;
    border-bottom:              1px solid var(--gray-400);
    background-color: var(--gray-100);
    -webkit-overflow-scrolling: touch;
}

#tabmenu .item {
    font-size:     15px;
    display:       inline-block;
    padding:var(--spacing-alt-md) 18px 13px 18px;
    border-bottom: 1px solid transparent;
}

#tabmenu .sel {
    font-weight:   normal;
    color: var(--brand-400);
    border-bottom: 1px solid var(--brand-400);
}

#tabcontent {
    margin:var(--spacing-none);
    padding:var(--spacing-none);
    border:  none;
}

#tabcontent a.hdr {
    margin:var(--spacing-lg) var(--spacing-md) var(--spacing-lg);
    font-style:  16px;
    font-weight: 400;
}

#tabcontent > .tsmenu {
    margin:var(--spacing-none);
}

#tabcontent > .tsmenu .c, #tabcontent > .tsmenu .c:first-child, #tabcontent > .tsmenu .c:last-child {
    align-items:      flex-start;
    flex-direction:   column;
    margin:var(--spacing-none);
    padding:var(--spacing-xl) var(--spacing-md);
    border-bottom:    none;
    background-color: var(--gray-100);
}

#tabcontent > .tsmenu .c .r {
    margin-top:var(--spacing-xl);
}

#tabcontent > .tsmenu .c .l .i {
    margin-bottom:var(--spacing-none);
}



/* banned info page */
.bip {
    margin:var(--spacing-xl) auto;
    padding:var(--spacing-none);
    border-top:    1px solid var(--gray-400);
    border-bottom: 1px solid var(--gray-400);
    border-radius: 0;
    box-shadow:    none;
}

.bip .i {
    padding:var(--spacing-md);
}

.bip > .c {
    text-align: center;
}

.bip > .t {
    border-radius: 0;
}

#main > .rule_info {
    border-radius: 0;
}

.dlsearch {
    padding:var(--spacing-none);
    background-color: var(--gray-100);
}

.dlsearch > div {
    padding-right:var(--spacing-sm);
    text-align:    right;
}

div.dle {
    gap:var(--spacing-lg);
}

div.dle > .l > div {
    padding:var(--spacing-lg);
}

div.dl > a > div > div:first-child {
    font-size:     16px;
    line-height:   22px;
    margin-top:-4px;
    padding-right:var(--spacing-none);
}

div.dl > a > img {
    width:        80px;
    height:       60px;
    margin-right:var(--spacing-none);
}

div.dl > div > a > div > div:nth-child(2) > .p, div.dl > a > div > div:nth-child(2) > .p {
    color: var(--gray-900);
    font-size:   14px;
    font-weight: 700;
    margin:var(--spacing-xs) var(--spacing-md) var(--spacing-xs) var(--spacing-none);
}

div.dl > div > a > div > div:nth-child(2), div.dl > a > div > div:nth-child(2) {
    margin-top:var(--spacing-none);
}

div.dl > div > a > div > div:nth-child(2) > .c,
div.dl > a > div > div:nth-child(2) > .c {
    font-weight:      500;
    margin:var(--spacing-none) var(--spacing-sm) var(--spacing-none) var(--spacing-none);
    padding:var(--spacing-xs) var(--spacing-sm);
    background-color: var(--gray-400);
    border:           none;
}

div.dl.s > div > a:last-of-type {
    padding:var(--spacing-lg) 80px var(--spacing-lg) var(--spacing-md);
    font-size:   14px;
    line-height: 24px;
}

div.dl > div > div.action-btns {
    right: 12px;
}

div.dl.u > div > a:last-of-type {
    padding:var(--spacing-lg) var(--spacing-md);
}

div.dl.u > div > a:last-of-type > img {
    width:        64px;
    height:       64px;
    margin-right:var(--spacing-md);
}

div.dl.u > div > a > div > div:nth-child(2) {
    font-size:   12px;
    color: var(--gray-600);
    padding-top:var(--spacing-xs);
}

div.dl.a > div > a, div.dl.a > a, div.dl.a .fav-item-info-container:has(.inactive), div.dl.a .favorite-ads.del > span {
    padding:var(--spacing-md);
}

div.dl.a > div > a > img, div.dl.a > a > img, div.dl.a .favorite-ads .inactive img, div.dl.a .favorite-ads.del span > img {
    width:        100px;
    height:       80px;
    margin-right:var(--spacing-md);
}

div.dl.a > div > a > div > div:first-child, div.dl.a > a > div > div:first-child {
    font-size:   14px;
    line-height: 20px;
}


div.dl > div > a > div > div:nth-child(2) > .lbl, div.dl > a > div > div:nth-child(2) > .lbl {
    margin:var(--spacing-none) var(--spacing-sm) var(--spacing-none) var(--spacing-none);
    display:     flex;
    align-items: center;
}

div.dl > div > a > div > div:nth-child(2) > .lbl img, div.dl > a > div > div:nth-child(2) > .lbl img {
    width:  14px;
    height: 14px;
}

div.dl > a > div .at {
    margin:var(--spacing-xs) var(--spacing-none) var(--spacing-sm);
}

div.dl > div > a > div > .d, div.dl > a > div > .d {
    margin:var(--spacing-sm) var(--spacing-none) var(--spacing-none) var(--spacing-none);
    color: var(--gray-600);
    font-size: 12px;
}

div.dle > .l {
    gap:var(--spacing-lg);
}

div.dle.posts-inactive > .inf {
    padding-right:var(--spacing-md);
    padding-left:var(--spacing-md);
}

.dlsearch form {
    display:          none;
    padding:var(--spacing-none) var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
    background-color: var(--gray-100);
}

.dl .dlsearch form {
    display:         flex;
    align-items:     center;
    justify-content: flex-end;
    padding:var(--spacing-lg) var(--spacing-md);
}

.dl .dlsearch form.filter {
    align-items: flex-start;
    padding-bottom:var(--spacing-none);
}

.dlsearch.my-posts form {
    display: none;
}

.dlsearch form select {
    width:     100%;
    max-width: none;
    margin:var(--spacing-none) var(--spacing-none) var(--spacing-alt-sm) var(--spacing-none);
    padding:var(--spacing-alt-xs);
}

.dlsearch.my-posts .select-wrapper .select-native {
    margin-bottom:var(--spacing-none) !important;
}

.dlsearch.my-posts .select-wrapper {
    margin-bottom:var(--spacing-alt-sm);
}

.dlsearch form .txt {
    display: block;
    flex:    1;
    margin:var(--spacing-none);
}

.dlsearch form input {
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    margin:var(--spacing-none);
    padding:var(--spacing-sm) var(--spacing-sm);
    font-size: var(--font-size-sm);
}

.business-page-body.dlsearch form {
    padding-left:var(--spacing-alt-sm);
    padding-right:var(--spacing-alt-sm);
}

.business-page-body.dlsearch form input#_idq {
    padding:var(--spacing-alt-xs) 30px var(--spacing-alt-xs) var(--spacing-sm);
}

.business-page-inside-search-input input#_idq {
    padding-right:25px;
}

.business-page-inside-search-x.ctrl {
    right: -5px;
}

.dlsearch form input::placeholder {
    color: var(--gray-600);
}

.dlsearch form .my-ads-filters {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom:var(--spacing-md);
}

.dlsearch form .my-ads-filters .filter-label,
.dlsearch form .my-ads-filters label > div:last-child {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.dlsearch a.filterbtn {
    height: auto;
}

/* messages */
.dlmsg {
    gap:var(--spacing-none);
}

.dlmsg span.replied {
    display: none;
}

.dlmsg > a {
    padding:var(--spacing-lg);
}

.dlmsg > a > div:nth-child(1) {
    display:     flex;
    align-items: center;
    width:       48px;
}

.dlmsg > a > div:nth-child(2) {
    align-items:    flex-start;
    flex-direction: column;
    gap:var(--spacing-lg);
}

.dlmsg > a > div:nth-child(2) > div:nth-child(1) {
    font-size:   14px;
    font-weight: 700;
    display:     flex;
    align-items: center;
    width:       auto;
    max-width: 100%;
}

.dlmsg > a > div:nth-child(2) > div:nth-child(2) {
    width: 100%;
}

.dlmsg > a > div:nth-child(2) > div:nth-child(3) {
    display: none;
}

.dlmsg .t {
    color: var(--gray-800);
    overflow:      hidden;
    text-overflow: ellipsis;
}

/*payments*/
.dlpayh > span {
    align-items: flex-start;
    padding:var(--spacing-lg) var(--spacing-md);
}

.dlpayh > span > div:first-child {
    font-size:      15px;
    align-items:    flex-start;
    flex-direction: column;
}

.dlpayh > span > div:first-child > div:first-child {
    font-size:     14px;
    font-weight:   bold;
    color: var(--gray-900);
    width:         auto;
    margin-bottom:var(--spacing-alt-xs);
}

.dlpayh > span > div:first-child > .pt {
    color: var(--gray-900);
    width:         auto;
    margin-bottom:var(--spacing-alt-xs);
}

.dlpayh > span > div:first-child > .st > div:last-child {
    font-size:  13px;
    margin-top:var(--spacing-xs);
}

.dlpayh > span > div:last-child {
    color: var(--gray-900);
    width: auto;
}

.dl.notif > div {
    padding:var(--spacing-lg) var(--spacing-md);
}

.dl.notif > div > .new:empty {
    display: none;
}

/*bundles*/
.dlbundles > span {
    align-items:    flex-start;
    flex-direction: column;
    padding:var(--spacing-lg) var(--spacing-md);
}

.dlbundles > span > div:first-child {
    font-size:   16px;
    font-weight: bold;
    width:       auto;
}

.dlbundles > span > div:nth-child(2) {
    width: auto;
}

.dlbundles > span > div:last-child {
    color: var(--gray-600);
    margin:var(--spacing-none);
}

.dlbundles > span > div:last-child > div:first-child {
    font-size: 14px;
    display:   inline;
}

.dlbundles > span > div:last-child > div:last-child {
    font-size: 14px;
    display:   inline;
}

.dlbundles > span > div:nth-child(2) {
    margin:var(--spacing-alt-sm) var(--spacing-none);
}

.dlbundles div, .dlbundles div > a {
    width:     100%;
    max-width: unset;
}

.dlbundles > div {
    padding:var(--spacing-none) var(--spacing-md);
    width:   calc(100% - 24px);
}

.dlbundles a.hlp_icon > div {
    width: 20px;
}

.premium-prompt-box-wrapper {
    width: calc(100% - 72px);
}

.bdash .bdash-not-found .premium-prompt-box-wrapper,
.biz .bdash-not-found .premium-prompt-box-wrapper {
    top: auto;
}

.dlbundles a.bblink.disabled {
    justify-content: center;
}

.dlbundles .bundles-action-container .premium-prompt-box-wrapper.show {
    width: calc(100% - 48px);
    left:  auto;
}

.dlbp > a > img {
    width:  72px;
    height: 72px;
}

.dlbp > a > div > div:nth-child(3) {
    flex-direction: column;
    margin-top:var(--spacing-alt-xs);
}

.dlbp > a > div > div:nth-child(3) > div {
    margin:var(--spacing-xxs) var(--spacing-none);
}

.dlbp > a {
    align-items: flex-start;
}

.chatTitle {
    font-size:        16px;
    margin:var(--spacing-none);
    padding:var(--spacing-md);
    border-bottom:    1px solid var(--gray-300);
    background-color: var(--gray-100);
    gap:var(--spacing-lg);
    align-items:      center;
}

.chatTitle .l + .r {
    width: calc(100% - 64px);
}

.chatTitle .r a {
    text-wrap:     nowrap;
    overflow:      hidden;
    text-overflow: ellipsis;
    display:       block;
    width:         100%;
}

.chatTitle > div:empty {
    display: none;
}

.chat {
    margin:var(--spacing-none);
    border:        none;
    border-radius: 0;
}

.chat > .ChatViewComponent {
    box-sizing: border-box;
    padding-bottom: 160px;
}

.tabbody > .ChatTitleComponent + .chat {
    --chat-reply-footer-offset: calc(45px + env(safe-area-inset-bottom, 0px));
}

.tabbody > .ChatTitleComponent + .chat > .ChatViewComponent {
    padding-bottom: calc(160px + var(--chat-reply-footer-offset));
}

.chatReply {
    position: absolute;
    bottom:  -11px;
    border-top: unset;
}

.tabbody > .ChatTitleComponent + .chat .chatReply {
    bottom: calc(-58px + var(--chat-reply-footer-offset));
}

.chatReply input[type='button']:hover {
    background-color: unset;
}

.chatReply textarea {
    font-size:        16px;
    height:  auto;
    min-height:       48px;
    max-height:       120px;
    overflow-y:       auto;
    padding:11px 100px 11px 18px;
    margin-left:13px;
    margin-right:13px;
    margin-bottom:13px;
}

.chatReply form {
    padding-top:var(--spacing-none);
    position: relative;
}

.chatReply input[type='button'] {
    font-size:       14px;
    color: var(--brand-400);
    position:        absolute;
    top:             auto;
    bottom:          13px;
    right:           13px;
    width:           38px;
    height:          38px;
    padding:var(--spacing-none);
    text-indent:     -9000px;
    border:          none;
    border-radius:   0;
    background: url(/img/redesign/icons/send.svg) no-repeat;
    background-size: 32px 32px;
    transition:      color .2s;
}

#rev_list .dlrev > div > div:first-child > div {
    gap:var(--spacing-lg);
}

#rev_list .dlrev > div > div:last-child > .r {
    margin-left:var(--spacing-4xl);
    padding-left:var(--spacing-sm);
}

#bnr {
    position:         fixed;
    z-index:          100;
    right:            0;
    bottom:           -1px;
    left:             0;
    overflow:         hidden;
    justify-content:  center;
    height:           48px;
    margin:var(--spacing-none);
    text-align:       center;
    border-radius:    4px;
    background-color: transparent;
}

#bnr > a {
    display: none;
}

#bnr .b {
    width:            318px;
    border-radius:    4px 4px 0 0;
    background-color: transparent;
    box-shadow:       none;
}

#bnr img {
    width:  auto;
    height: 50px;
}

#bnr iframe {
    width:         320px;
    height:        50px;
    border-radius: 4px 4px 0 0;
}

.cld {
    float:   none;
    width:   100%;
    margin:var(--spacing-none);
    padding:var(--spacing-none);
}

.cl {
    margin:var(--spacing-none);
    padding:var(--spacing-none);
}

.cl .bt {
    font-size:        14px;
    font-weight:      700;
    margin:var(--spacing-none);
    border-radius:    0;
    background-color: var(--gray-300);
}

.cl .bs {
    font-size: 13px;
    padding:var(--spacing-xs) var(--spacing-xxs) var(--spacing-xxs) var(--spacing-none);
}

.cl .bs a {
    margin-left:var(--spacing-xl);
}

noindex:-o-prefocus, .cl .bt {
    border-bottom: 1px solid #dedede;
}

.cl .bt a {
    color: var(--gray-900);
    display: block;
    padding:var(--spacing-sm) var(--spacing-none) var(--spacing-sm) var(--spacing-lg);
}

.cl .br {
    display: none;
    padding:var(--spacing-none) var(--spacing-xs) 3px 30px;
}

.cl .br a {
    font-size: 12px;
    padding:var(--spacing-xs) var(--spacing-none);
}

/* premium user profile page */
#puheader > .head {
    margin:var(--spacing-none);
    border-bottom: none;
    border-radius: 0;
    box-shadow:    none;
}

#puheader > .head > .i {
    align-items: center;
    flex-direction: column;
    padding: var(--spacing-xl) var(--spacing-none);
    margin-bottom: var(--spacing-xl);
}

#puheader > .head > .i > .l {
    flex-direction: column;
    padding:var(--spacing-xs) var(--spacing-lg) var(--spacing-alt-sm);
}

#puheader > .head > .i > .l > .l, #puheader > .head > .i > .l > .lav {
    margin:var(--spacing-none) var(--spacing-none) var(--spacing-alt-sm) var(--spacing-none);
}

#puheader > .head > .i > .l > .n {
    margin:var(--spacing-none);
    text-align:     center;
    display:        flex;
    flex-direction: column;
    align-items:    center;
}

#puheader > .head > .i > .l > .l img {
    width:  108px;
    height: 108px;
}

#puheader > .head > .i > .l > .n > div:first-child {
    font-size:   18px;
    font-weight: 500;
    padding-top:var(--spacing-sm);
    max-width:   none;
    height:      auto;
    white-space: normal;
}

#puheader > .head > .bnr img {
    width:         100%;
    height:        120px;
    border-radius: 0;
    object-fit:    cover;
}

#puheader > .head > .i > .l > .n > .st {
    flex-direction:  row;
    margin:var(--spacing-xs) var(--spacing-sm);
    justify-content: center;
}

#puheader > .head > .i > .l > .n > .st > div {
    margin:var(--spacing-none) var(--spacing-alt-xs);
    font-size: 14px;
    color: var(--gray-600);
}

#puheader > .head > .i > .l > .n > .r {
    margin-top:var(--spacing-md);
    flex-direction: column;
    align-items:    center;
}

#puheader > .head > .i > .l > .n > .r a {
    flex-direction: column;
}

#puheader > .head > .i > .l > .n > .r a .i {
    margin:var(--spacing-xs) var(--spacing-none) var(--spacing-none);
    color: var(--gray-600);
}

#puheader > .head > .i > .l > .n > .r > .btn {
    margin:var(--spacing-sm) var(--spacing-none) var(--spacing-none);
    padding:var(--spacing-sm) var(--spacing-lg);
    border-radius: 20px;
}

#puheader > .head > .i > .l > .n > .r > .btn > span {
    font-size:   14px;
    font-weight: 500;
}

#puheader > .head > .i > .r {
    overflow:        hidden;
    align-items:     center;
    justify-content: center;
    width:           100%;
}

#puheader > .head > .i > .r > .h {
    align-items: center;
    width:       100%;
    margin:var(--spacing-none);
    padding:var(--spacing-xl) var(--spacing-md);
    border-top:  1px solid var(--gray-300);
}

#puheader > .head > .i > .r > .h .addr, #puheader > .head > .i > .r > .h > .hrs {
    margin:var(--spacing-none);
    text-align:          center;
    background: none;
    font-size:           14px;
    font-weight:         500;
    background-repeat:   no-repeat;
    background-position: 0 center;
    width:               calc(100% - 48px);
    background-size:     16px 16px;
}

#puheader > .head > .i > .r > .h .addr {
    background-image: url(/img/redesign/icons/location.svg);
}

#puheader > .head > .i > .r > .h > .hrs {
    background-image: url(/img/redesign/icons/clock.svg);
}

#puheader > .head > .i > .r > .h .addr span, #puheader > .head > .i > .r > .h .hrs span {
    max-width:                 90%;
    color: var(--brand-400);
    text-decoration:           underline;
    text-decoration-thickness: 0.8px;
}

#puheader > .head > .i > .r > .h > div:nth-child(2) {
    margin-top:var(--spacing-lg);
}

#puheader > .head > .i > .r > .bp {
    flex-wrap:       wrap;
    justify-content: center;
    width:           calc(100% - 24px);
}

#puheader > .head > .i > .r > .bp a {
    font-size:     15px;
    box-sizing:    border-box;
    min-width:     160px;
    margin:var(--spacing-xs) var(--spacing-alt-xs);
    padding:var(--spacing-alt-sm) var(--spacing-md);
    white-space:   nowrap;
    border-radius: 8px;
    max-width:     none;
    flex:          0 0 auto;
}

#puheader > .news {
    border-radius: 0;
    box-shadow:    none;
    padding:var(--spacing-lg) var(--spacing-md);
}

#puheader > .about {
    margin:var(--spacing-none) var(--spacing-none) var(--spacing-sm) var(--spacing-none);
    padding:var(--spacing-lg) var(--spacing-md);
    border-top:    1px solid var(--gray-300);
    border-bottom: 1px solid var(--gray-300);
    border-radius: 0;
    box-shadow:    none;
}

.pay .btn > span {
    width: 100%;
}

.pay .btn .bblink {
    max-width: unset;
}

/* --- */
.content-container {
    max-width: none;
    width: 100%;
}
.glheader {
    float:      none;
    text-align: center;
    border:     none;
}

.dl .gl {
    justify-content: space-evenly;
    padding:var(--spacing-none);
    border:          none;
    row-gap:var(--spacing-sm);
}

.dl .gl a {
    position: relative;
    width:    calc(50% - 18px);
    height:   auto;
    margin:var(--spacing-sm) var(--spacing-none);
}

#tp .dl .gl a.h,
.dl .gl a.h {
    width: calc(50% - 18px);
}

.dl .gl a.h {
    margin:var(--spacing-none) -6px;
}

.dl .gl a > img {
    width:         100%;
    height:        150px;
    border-radius: 8px;
    object-fit:    cover;
}

.dl .gl a.h > img {
    height: 150px;
}

.dl .gl a > .l {
    font-size:   16px;
    line-height: 22px;
    max-height:  unset;
}

.dl .gl a > .at, .featured .c .s a > div > .at, #mapinfo > a > div > .at {
    font-size:  14px;
    margin-top:var(--spacing-sm);
}

.dl .gl a .l3 {
    max-height: 66px;
}

.dl .gl a > .p, #mapinfo > a > div > .p {
    font-size:   16px;
    font-weight: 700;
    color: var(--gray-900);
    padding:var(--spacing-none) var(--spacing-sm) var(--spacing-xs) var(--spacing-none);
}

#mapinfo > a > div > .p {
    margin:var(--spacing-none);
    font-weight: 700;
    padding:var(--spacing-xs) var(--spacing-none);
}

#mapinfo > a.h {
    background-color: var(--info-100);
}

#mapinfo > a > div > .at {
    margin:var(--spacing-xs) var(--spacing-none);
}

#mapinfo > a > div > .l {
    font-size:   14px;
    line-height: 20px;
    color: var(--gray-900);
    margin:var(--spacing-xs) var(--spacing-none);
}

#mapinfo > a > img {
    border-radius: 8px 8px 0 0;
}

.dl .gl a .lbl {
    top:  122px;
    left: 2px;
}

/* already viewed label */
.featured > .c > .h a > div > .rv {
    margin-top:var(--spacing-xxs);
}

.grid a > .rv {
    background-size: 16x 16px;
    font-size:       11px;
    left:            4px;
    top:             4px;
}

.dlbar, .dlbar.with-map > .view-options {
    padding-right:var(--spacing-xs);
}

.dlbar:has(.dlbar-action-container),
.dlbar:has(.dlbar-action-container ).with-map .view-options {
    padding-right: var(--spacing-none);
}

.dlbar-action-container .view-options {
    display: flex;
    align-items: center;
    gap: 16px;
}

.dlbar:not(.with-map) {
    margin-top: var(--spacing-md);
    margin-bottom: var(--spacing-md);
}

.dlbar.with-map {
    background-color: var(--gray-100);
    margin-bottom: var(--spacing-none);
}

.dlbar.with-map > .map-view {
    margin: var(--spacing-xs) var(--spacing-md) var(--spacing-none);
    width:      calc(100% - 16px);
    align-self: center;
    border:     1px solid var(--gray-400);
}

.dlbar.with-map > .show-on-map {
    right:      24px;
    left:       20px;
    text-align: center;
}

.dlbar-action-container .filters-info,
.favorite-ads-filter-container .filters-info,
.dlbar .dlbar-action-container .list.s,
.dlbar .dlbar-action-container .grid.s {
    display: none;
}

.favorite-ads-filter-container {
    padding: var(--spacing-md);
    border-top: 1px var(--gray-400) solid;
}

.dlbar.with-map .dlbar-action-container {
    padding-top: var(--spacing-md);
    padding-bottom: var(--spacing-md);
}

.dlbar-action-container:has(.filter-view-type-container) {
    justify-content: space-between;
}

.dlf {
    padding:var(--spacing-xl);
    background-color: var(--gray-100);
}

.dl .abar {
    line-height:     normal;
    flex-direction:  column;
    justify-content: space-between;
    margin:var(--spacing-none);
    padding:var(--spacing-none) var(--spacing-xxs);
    white-space:     normal;
}

.dl .abar > a, .dl .abar > div {
    margin:var(--spacing-none);
    padding:var(--spacing-xs);
}

.dl .abar > a:first-child, .dl .abar > div:first-child {
    padding-top:var(--spacing-none);
}

.dl .abar a {
    display:     block;
    margin-left:var(--spacing-none);
}

.dl .abar img {
    padding:var(--spacing-alt-sm) var(--spacing-none);
}

.dl td {
    width:   auto;
    margin:var(--spacing-none);
    padding:var(--spacing-md);
}

.dl .searchbar {
    padding:var(--spacing-alt-sm) var(--spacing-xl);
    background-color: var(--gray-200);
}

.dl .searchbar .actions {
    float:      none;
    text-align: right;
}

/* reviews -------------*/
.dlrev {
    border-radius: 0;
    margin:var(--spacing-none) var(--spacing-md);
}

.dlrev > div {
    flex-direction: column;
}

.dlrev > div > div:first-child {
    width:      100%;
    margin:var(--spacing-none) var(--spacing-none) var(--spacing-md) var(--spacing-none);
    text-align: left;
}

.dlrev > div > div:first-child > div {
    display:        flex;
    align-items:    center;
    flex-direction: row;
    margin:var(--spacing-none);
    text-align:     left;
}

.dlrev > div > div:first-child > div img {
    width:  42px;
    height: 42px;
    margin:var(--spacing-none);
}

.dlrev > div > div:last-child > div:first-child {
    margin-bottom:var(--spacing-md);
}

.dlrev > div > div:last-child > div:first-child > .i {
    margin-left:var(--spacing-alt-sm);
}

/*-----*/
/*ratings summary*/
.ratsum {
    flex-direction: column;
    margin:var(--spacing-xl) var(--spacing-md);
    align-items:    normal;
    max-width:      600px;
}

.ratsum > div:first-child {
    margin:var(--spacing-none);
}

.ratsum > div:last-child {
    margin-top:var(--spacing-xl);
}

.ratsum > div:last-child > div {
    margin-bottom:var(--spacing-sm);
}

.ratsum > div:last-child > div > div:last-child {
    width: 68px;
}

#pagenotif {
    background-color: var(--gray-100);
    box-shadow:       none;
    max-width:        none;
}

.vi {
    font-size: 12px;
    padding:var(--spacing-none);
}

.vit .thumbbar {
    display: none;
}

.vih {
    position: static;
    overflow: hidden;
    margin:var(--spacing-none);
    padding:var(--spacing-none);
}

.vih .priceNegotiationSection {
    padding:var(--spacing-none) var(--spacing-md);
}

.vih h1 {
    font-size:   18px;
    line-height: 28px;
    width:       auto;
    margin:var(--spacing-none);
    padding:var(--spacing-lg) var(--spacing-md) var(--spacing-md) var(--spacing-md);
}

.vih #abar {
    border-top:    none;
    border-bottom: none;
}

.preview_box .l .vi .vih #abar .loc,
.vih #abar .loc {
    font-size:           12px;
    overflow:            hidden;
    box-sizing:          border-box;
    width:               100%;
    max-width:           none;
    margin:var(--spacing-none);
    padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) var(--spacing-6xl);
    text-overflow:       ellipsis;
    background-position: 12px;
    background-color: var(--gray-300);
}

.vih #abar .loc a,
.preview_box .l .vi .vih #abar .loc a,
.vih #abar .loc span,
.preview_box .l .vi .vih #abar .loc span {
    font-size: 14px;
    display:   block;
    overflow:  auto;
    max-width: none;
    border:    none;
}

.preview_box .l .vi .vih #abar .loc {
    padding-left:var(--spacing-md);
}

.preview_box .vih #abar .loc span {
    padding:var(--spacing-none) var(--spacing-none) var(--spacing-none) var(--spacing-3xl);
}

.preview_box .promotion-combo-preview {
    margin-top:var(--spacing-none);
    margin-bottom:var(--spacing-xl);
}

.vih #abar .loc a:after {
    width:      20px;
    height:     20px;
    display:    inline-block;
    content:    url(/img/redesign/icons/chevron-down.svg);
    transform:  translate(0);
    overflow:   hidden;
    transition: all 0.2s;
    float:      right;
}

.vih #abar .loc a:hover {
    border: none;
}

#main > #sstar,
#main > #sstar div {
    top:                 69px;
    right:               4px;
    width:               32px;
    height:              32px;
    background-size:     32px;
    background-position: center;
    display:             block;
}

#main > #sstar div {
    position: initial;
}

#main > #sstar,
#main > #sstar.pws {
    display:         flex;
    justify-content: flex-end;
    align-items:     flex-start;
}

#main > #sstar div {
    width:           30px;
    height:          30px;
    background-size: 30px;
}

#main #sstar div.off::after,
#main #sstar div.off:hover::after {
    opacity: 0;
}

#main #star,
#main > #sstar {
    position:                    absolute;
    left:                        auto;
    padding:var(--spacing-sm) var(--spacing-xs) var(--spacing-sm) var(--spacing-sm);
    -webkit-tap-highlight-color: transparent;
}

#main > #sstar.sstar__user-profile {
    top: 115px;
    left: auto;
    right: calc((100vw - 830px) / 2);
}

@media screen and (max-width: 830px) {
    #main > #sstar.sstar__user-profile {
        right: 0;
    }
}

.pwdv {
    display: none;
}

.pwmb {
    display: block;
}

.pwmb .priceNegotiationSection {
    display: flex;
}

.pwmb h1 {
    max-width:      calc(100% - 50px);
    font-size:      20px;
    font-weight:    500;
    line-height:    32px;
    letter-spacing: -0.02em;
    text-align:     left;
    padding:var(--spacing-none) var(--spacing-md);
}

.vit > .PostPhotoViewComponent {
    margin-bottom:var(--spacing-lg);
}

#pcontent .vi .vih,
.preview_box .vi .vih {
    margin-bottom:var(--spacing-2xl);
}

#pcontent .vi .vih #abar {
    padding:var(--spacing-none) var(--spacing-md);
    border:  none;
}

.preview_box .l .vi .vih #abar {
    padding:var(--spacing-none) var(--spacing-md);
}

#pcontent .vi .vih #abar .loc,
.preview_box .vi .vih #abar .loc {
    border: none;
}

.vi .l {
    padding:var(--spacing-none) var(--spacing-md);
    margin-bottom:var(--spacing-2xl);
}

.vi .attr {
    width:                 100%;
    grid-template-columns: 1fr;
    flex-direction:        column;
    box-sizing:            border-box;
    margin:var(--spacing-none) var(--spacing-none) var(--spacing-alt-sm);
    padding:var(--spacing-none) var(--spacing-alt-md);
}

.vi .attr .c {
    margin:var(--spacing-none) var(--spacing-xs);
    border-bottom: 1px dotted var(--gray-300);
    font-size:     16px;
}

.vi .attr .c .t {
    color: var(--gray-700);
}

.vi .attr .c .i {
    font-weight: normal;
    flex:        1;
    text-align:  right;
}

.vi .attr.g .c .i {
    font-size: 14px;
}

.vi .attr.g {
    padding:var(--spacing-xxs) var(--spacing-md);
}

.vi .gt {
    margin:var(--spacing-lg) var(--spacing-md) var(--spacing-none) var(--spacing-md);
    font-size: 16px;
}

.vi .compat > .t {
    margin:var(--spacing-lg) var(--spacing-md) var(--spacing-none) var(--spacing-none);
    font-size: 16px;
}

.vi .body .t {
    font-size: 16px;
    padding:var(--spacing-alt-xs) var(--spacing-md);
    margin:var(--spacing-md) var(--spacing-xl) var(--spacing-xs) var(--spacing-none);
}

.vi .attr.g .c {
    margin:var(--spacing-none);
    padding:var(--spacing-xs);
}

.vi .attr.g .c .t {
    text-align: left;
    padding:var(--spacing-xs) var(--spacing-none);
    font-size:  14px;
}

.vi .body {
    font-size:   16px;
    line-height: 28px;
    margin:var(--spacing-none);
    padding:var(--spacing-sm) var(--spacing-md);
}

.vi .body:nth-child(2) {
    padding-top:var(--spacing-md);
}

.vi .poi, .vi .price_history {
    margin:var(--spacing-none);
    padding:var(--spacing-none) var(--spacing-md);
}

.vi .poi td:nth-child(2) {
    display: none;
}

.vi .price_history tr td {
    padding:var(--spacing-alt-xs) var(--spacing-lg) var(--spacing-alt-xs) var(--spacing-none);
    font-size: 14px;
}

.vi .price_history tr td:last-child {
    padding-right:var(--spacing-none);
}

.vi .footer {
    font-size: 9px;
    padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm) var(--spacing-md);
    margin:var(--spacing-none);
}

.vi .footer span {
    margin:var(--spacing-none) var(--spacing-none) var(--spacing-alt-xs) var(--spacing-none);
    display:   block;
    font-size: 12px;
}

.vi .compat {
    margin:var(--spacing-xl) var(--spacing-none) var(--spacing-none);
    padding:var(--spacing-none) var(--spacing-lg);
}

.vi .compat > .c > div {
    font-size: 14px;
}

#pmenu .share {
    float:            none;
    width:            auto;
    margin:var(--spacing-none);
    padding:var(--spacing-none) var(--spacing-md) var(--spacing-lg) var(--spacing-md);
    border-bottom:    1px solid var(--gray-300);
    background-color: var(--gray-100);
}

#uinfo {
    margin:var(--spacing-none);
    padding:var(--spacing-xl) var(--spacing-md);
    text-align:       center;
    border-radius:    0;
    background-color: var(--gray-100);
}

#uinfo > div:first-child > .n:has(.av_user) + .r {
    top: 28px;
}

#uinfo > div:first-child > div.avatar-name {
    margin:var(--spacing-none) var(--spacing-md);
}

.rev_sugg #uinfo > div:first-child > div.avatar-name {
    margin:var(--spacing-none);
}

#uinfo > div:first-child > div.avatar-name > div > a.n {
    font-size:   18px;
    line-height: 28px;
}

#uinfo .no-reviews,
#uinfo .reviews {
    font-weight: 500;
}

#uinfo > div:first-child > div.additional-info {
    opacity: 1;
    gap:var(--spacing-lg);
}

/*simple  / single version for pending ads*/
#pmenu.s #uinfo {
    border-top:    1px solid var(--gray-400);
    border-bottom: 1px solid var(--gray-400);
    border-radius: 0;
}

#uinfo > div:first-child {
    margin-bottom:var(--spacing-2xl);
}

#uinfo > div:first-child > .n {
    font-size: 16px;
}

#uinfo > div:first-child > .n div:last-child {
    font-size: 20px;
}

#uinfo > div:first-child .desc {
    margin:var(--spacing-none);
    font-size: 14px;
    color: var(--gray-900);
}

#uinfo > div:first-child .since {
    opacity: 0.5;
}

#uinfo .ctc .phone, #uinfo .ctc .email {
    font-size: 15px;
    margin:var(--spacing-none);
    width:     calc((100% - 36px) / 2);
}

#uinfo > div:first-child .av_comp {
    width:  54px;
    height: 54px;
}

#uinfo .email a, #uinfo .phone a {
    box-sizing:  border-box;
    min-width:   160px;
    white-space: nowrap;
    width:       100%;
    padding:var(--spacing-sm) var(--spacing-md);
    line-height: 24px;
}

#uinfo .ctc {
    display:         flex;
    gap:var(--spacing-md);
    padding:var(--spacing-none);
    justify-content: center;
    align-items:     center;
    margin-top:var(--spacing-lg);
}

#uinfo .r .btn span {
    font-size: 15px;
}

/*related items*/

.dlrel {
    margin:var(--spacing-none);
    padding:var(--spacing-alt-sm) var(--spacing-xxs);
    border-bottom:    1px solid var(--gray-400);
    border-radius:    0;
    background-color: var(--gray-100);
}

.dlrel > .grid {
    flex-direction: row;
    flex-wrap:      wrap;
    gap:var(--spacing-md);
    margin:var(--spacing-none) var(--spacing-md);
    max-width:      640px;
}

.dlrel > .list {
    margin:var(--spacing-none) var(--spacing-alt-md);
}

.dlrel > div > a {
    font-size: 15px;
}

.dlrel > div > a:nth-child(n+9) {
    display: flex;
}

.dlrel > .grid > a {
    font-size:      15px;
    flex-direction: column;
    position:       relative;
    width:          calc((100% - 12px) / 2);
    margin:var(--spacing-sm) var(--spacing-none);
    display:        block;
}

.dlrel > .grid > a > img {
    width:  100%;
    height: auto;
    margin:var(--spacing-none) var(--spacing-none) var(--spacing-alt-xs) var(--spacing-none);
}

.dlrel > .grid > a > div {
    flex-direction:  column-reverse;
    display:         flex;
    justify-content: flex-end;
    align-self:      flex-start;
}

.dlrel > div > a > div > div:first-child {
    line-height:        21px;
    display:            -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow:           hidden;
}

.dlrel > .grid > a > div > .p {
    font-size: 16px;
    margin:var(--spacing-none) var(--spacing-none) var(--spacing-xs) var(--spacing-none);
}

.dlrel > .list > a > div > .p {
    font-size: 16px;
    margin:var(--spacing-xs) var(--spacing-none) var(--spacing-none) var(--spacing-none);
}

.dlrel > div > a .lbl {
    margin:var(--spacing-xs) var(--spacing-xs) var(--spacing-none) var(--spacing-none);
}

.trel {
    font-size: 16px;
    margin:var(--spacing-none);
    padding:var(--spacing-md);
}

.anf {
    padding:var(--spacing-alt-sm) var(--spacing-md);
    text-align: center;
}

.eacctype {
    margin:var(--spacing-none);
    justify-content: space-between;
}

.eacctype > div:first-child {
    font-size: 16px;
    width:     unset;
    flex:      1;
}

/* new fRow system replacing old flabel/felement combo */
.frow, .frow1 {
    align-items:    flex-start;
    flex-direction: column;
}

.frow2.stacked {
    margin:var(--spacing-none) var(--spacing-md) var(--spacing-sm);
    padding-bottom: var(--spacing-lg);
}

.frow2.stacked.new {
    margin-top:var(--spacing-alt-md);
    margin-bottom:var(--spacing-alt-xs);
}

.frow > .l:empty {
    display: none;
}

.frow .e {
    font-size:      16px;
    width:          100%;
    margin:var(--spacing-none) var(--spacing-none) var(--spacing-sm) var(--spacing-none);
    display:        flex;
    align-items:    center;
    flex-direction: row;
    column-gap:     10px;
}

.frow.ban-duration-row-blurred .e {
    filter: blur(2px);
    opacity: 0.5;
    pointer-events: none;
}

.frow .e .err {
    margin:var(--spacing-xs) var(--spacing-none) var(--spacing-none);
    display: block;
}

.fsec .frow .e:last-child {
    margin-bottom:var(--spacing-none);
}

.frow .addr {
    width: 100%;
}

.fsec .frow .e.addr {
    flex-direction: column;
    align-items:    flex-start;
}

.frow .e.addr .approx {
    margin:var(--spacing-alt-sm) var(--spacing-none) var(--spacing-none);
}

.frow.attr > .l.hhn {
	display: none;
}

.frow.top {
    align-items: flex-start;
}

.frow.top > .l {
    margin-top:var(--spacing-none);
}

.frow .i {
    display: block;
}

.frow.attrp .e {
    flex-direction: row;
    align-items:    flex-start;
    flex-wrap:      wrap;
    row-gap:var(--spacing-lg);
}

.frow.attrp .e > input[type=text], .frow.attrp .e #idpfreqc {
    width: 100% !important;
}

.post-ad-form .frow .e .price-fields-container,
.post-edit-form .frow .e .price-fields-container {
    flex-direction: column;
}

.feloc .frow {
    padding:var(--spacing-xs) var(--spacing-none) var(--spacing-none);
}

#upload .ph, input::placeholder, textarea::placeholder {
    font-size: 15px;
}

/* check box list, used for days of the week business hours */
.bh_list > div > label {
    flex:  1;
    width: auto;
}

.bh_list > div {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap:var(--spacing-sm);
}

/* single check box */
label.cbox > div:last-child {
    font-size: var(--font-size-sm);
    line-height: 22px;
}

label.cbox > div:first-child {
    width: 26px;
}

label.cbox > div:first-child > span {
    width:  18px;
    height: 18px;
}

label.cbox > div:first-child > span::after {
    margin-top:var(--spacing-none);
}

label.cbox input:checked ~ span::after {
    width:  4px;
    height: 8px;
}

.femc label {
    margin:var(--spacing-alt-xs) var(--spacing-md) var(--spacing-alt-xs) var(--spacing-none);
}

.paupload div a {
    font-size: 15px;
}

.paupload.assetupload .assetupload-resinfo {
    padding: var(--spacing-md);
}

.paupload.assetupload .assetupload-placeholder-icon {
    width: 20px;
    height: 20px;
}

.paupload.assetupload .assetupload-placeholder-line {
    font-size: var(--font-size-xs);
    line-height: var(--line-height-xs);
}

.paupload.assetupload {
    position: static;
}

.paupload.assetupload .assetupload-preview {
    position: static !important;
}

.paupload.assetupload .assetupload-preview::after {
    display: none;
}

.frow.business-logo-row,
.frow.business-cover-row {
    position: relative;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    align-items: center;
}

.frow.business-logo-row .assetupload-overlay,
.frow.business-cover-row .assetupload-overlay {
    position: absolute;
    right: 8px;
    top: 16px;
    margin-left: 0;
    opacity: 1;
    transform: none;
    z-index: 2;
}

.frow.business-logo-row .assetupload-preview .assetupload-overlay,
.frow.business-cover-row .assetupload-preview .assetupload-overlay {
    display: none !important;
}

.frow.business-logo-row .assetupload-overlay,
.frow.business-cover-row .assetupload-overlay {
    display: flex;
}

.frow.business-logo-row:not(.assetupload-has-image) .assetupload-overlay,
.frow.business-cover-row:not(.assetupload-has-image) .assetupload-overlay {
    display: none;
}

.frow.business-logo-row .l,
.frow.business-cover-row .l {
    grid-column: 1;
    grid-row: 1;
    padding-right: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--spacing-alt-xs);
    text-align: left;
}

.frow.business-logo-row .l::after,
.frow.business-cover-row .l::after,
.fsec.business-cover-section .t::after {
    display: inline;
    margin: 0;
}

.frow.business-logo-row .e,
.frow.business-cover-row .e {
    grid-column: 1;
    grid-row: 2;
    margin-top: var(--spacing-md);
}

.frow.business-cover-row {
    min-width: 0;
}

.frow.business-logo-row .assetupload-preview,
.frow.business-cover-row .assetupload-preview {
    position: static !important;
}

.frow.business-cover-row .assetupload-frame {
    position: relative;
    width: 100% !important;
    max-width: none !important;
    height: clamp(90px, 18vw, 135px) !important;
}

.frow.business-cover-row .assetupload-preview {
    position: absolute !important;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
}

.frow.business-logo-row .assetupload-action,
.frow.business-cover-row .assetupload-action {
    width: var(--spacing-2xl);
    height: var(--spacing-2xl);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 18px 18px !important;
}

.frow.business-logo-row .assetupload-action img,
.frow.business-cover-row .assetupload-action img {
    display: none;
}

.frow.business-logo-row .assetupload-action-edit,
.frow.business-cover-row .assetupload-action-edit {
    background: transparent url('/img/redesign/icons/edit.svg') no-repeat center / 18px 18px !important;
}

.frow.business-logo-row .assetupload-action-delete,
.frow.business-cover-row .assetupload-action-delete {
    background: transparent url('/img/redesign/icons/delete.svg') no-repeat center / 18px 18px !important;
}

.frow.business-logo-row .assetupload-delete-panel,
.frow.business-cover-row .assetupload-delete-panel {
    display: none !important;
}

#au_idcover_photoupload,
.frow.business-cover-row .assetupload-stack {
    width: 100% !important;
}

.frow.business-cover-row .assetupload-frame {
    width: 100% !important;
    max-width: none !important;
}

#au_idcover_photoimg {
    max-width: none !important;
}

.frow.business-cover-row .assetupload-placeholder {
    text-align: center;
}

.frow.business-cover-row .assetupload-placeholder-line {
    flex-direction: column;
    gap: var(--spacing-xs);
}

.frow.business-cover-row .assetupload-placeholder-text {
    display: none;
}

.frow.business-cover-row .assetupload-preview {
    pointer-events: none;
    -webkit-user-drag: none;
    user-select: none;
    touch-action: pan-y;
}

/* ----- */
div.flabel, div.flabel0 {
    font-size:   14px;
    float:       none;
    width:       auto;
    margin:var(--spacing-none) var(--spacing-none) var(--spacing-xs) var(--spacing-md);
    padding-top:var(--spacing-none);
    text-align:  left;
}

div.felement select, div.felement input {
    font-size: 14px;
}

div.flabel.p0 {
    padding-top:var(--spacing-alt-xs);
}

div.flabel.s {
    font-size: 12px;
}

.felement .fe_addr {
    width: 99%;
}

div.felement, div.felement0 {
    display:    block;
    margin:var(--spacing-none);
    padding:var(--spacing-none) var(--spacing-none) var(--spacing-md) var(--spacing-none);
    text-align: left;
}

div.felement .ph {
    display: block;
    margin:var(--spacing-sm) var(--spacing-none) var(--spacing-none) var(--spacing-none);
}

.fsec {
    padding:var(--spacing-none);
    border:  none;
}

.fsec > div:last-child {
    margin:var(--spacing-none);
    padding:var(--spacing-alt-sm) var(--spacing-none);
    background-color: var(--gray-100);
}

.fsec:has(.imid) > div:last-child {
    padding-top:var(--spacing-xxs);
}

.fsec:not(.post-ad-form .fsec) > .t {
    font-size:     16px;
    line-height:   24px;
    font-weight:   700;
    margin-bottom:-6px;
    padding:var(--spacing-md) var(--spacing-md) var(--spacing-none) var(--spacing-md);
}

.fsec > .st {
    font-weight: normal;
    padding:var(--spacing-alt-sm) var(--spacing-none) var(--spacing-none) var(--spacing-md);
    color: var(--gray-900);
}

.fsec > .d {
    padding:0px var(--spacing-none) var(--spacing-none) var(--spacing-md);
    margin-top:var(--spacing-sm);
}

.forminfo {
    padding:var(--spacing-md);
    margin:var(--spacing-none);
    color:   var(--gray-600)
}

.fnotif > div.h {
    display: none;
}

.fnotif > div, .fnotif > div:last-child {
    align-items:      flex-start;
    flex-direction:   column;
    margin:var(--spacing-lg) var(--spacing-none);
    padding:var(--spacing-lg) var(--spacing-md);
    border-bottom:    none;
    background-color: var(--gray-100);
}

.fnotif > div > .t {
    margin-bottom:var(--spacing-alt-sm);
}

.fnotif > div > .i {
    width:      auto;
    margin:var(--spacing-alt-xs) var(--spacing-none);
    text-align: left;
}

.fnotif > div > .i label.cbox > div:first-child {
    width: 28px;
}

.fnotif > div > .i label.cbox > div:last-child {
    display: block;
}

.fbtn {
    align-items:      center;
    flex-wrap:        wrap;
    justify-content:  center;
    margin:var(--spacing-alt-xs) var(--spacing-none);
    padding:var(--spacing-xl) var(--spacing-md);
    border-top:       none;
    background-color: var(--gray-100);
}

.fbtn input,
.fbtn input[type=submit] {
    max-width: none;
}

.fbtn input[type=button] {
    width:  100%;
    margin:var(--spacing-alt-xs) var(--spacing-none);
}

.inforadio .row {
    font-size: 15px;
}

.padded {
    margin:var(--spacing-none);
    text-align:       center;
    border-top:       1px solid var(--gray-300);
    border-bottom:    1px solid var(--gray-300);
    background-color: var(--gray-100);
}

.padded .l {
    float:      none;
    margin:var(--spacing-none) auto var(--spacing-xl);
    text-align: center;
}

.padded .r {
    padding:var(--spacing-none);
}

.padded .r .h .hlp_icon {
    justify-content: center;
    margin:var(--spacing-lg) var(--spacing-none) var(--spacing-none);
}

.padded .ad .t {
    width: 100%;
}

.padded .ad {
    align-items:    center;
    flex-direction: column;
}

.padded .ad .i {
    margin:var(--spacing-none) var(--spacing-none) var(--spacing-xl);
}

.padded .srv {
    padding:var(--spacing-xl) var(--spacing-none);
    text-align:    center;
    border-top:    1px solid var(--gray-300);
    border-bottom: 1px solid var(--gray-300);
}

.padded .srv .i {
    display: inline-block;
    float:   none;
    margin:var(--spacing-none);
}

.padded .srv .i img {
    display: block;
    width:   32px;
    height:  32px;
    margin:var(--spacing-none) auto var(--spacing-xs);
}

.padded .btn {
    padding:var(--spacing-none);
    text-align: center;
}

.padded .btn a {
    display: inline-block;
    margin:var(--spacing-sm);
}

#pmenu .pblock {
    margin:var(--spacing-none);
    padding:var(--spacing-xl) var(--spacing-md);
    width:            unset;
    border-top:       1px solid var(--gray-400);
    border-bottom:    1px solid var(--gray-400);
    background-color: var(--gray-100);
}

#pmenu .pblock .i {
    font-size: 10px;
}

.dl .pblock .i {
    font-size: 8px;
    display:   block;
    overflow:  hidden;
    width:     55px;
    margin:var(--spacing-xs) var(--spacing-none);
}

.dl .pblock .i img {
    width:  24px;
    height: 24px;
}

#pmenu .pblock a, #pmenu .pblock .g {
    width: 90px;
}

.dl .pbl a, .dl .pbl .g {
    margin-right:var(--spacing-md);
}

.pbl a:last-child, .pbl .g:last-child {
    margin-right:var(--spacing-none);
}

/* -------- */
div.dl > a {
    padding:var(--spacing-md);
}

div.dl > .fav-item-info-container > img,
div.dl > .fav-item-info-container > span {
    width:        100px;
    height:       80px;
    margin-right:var(--spacing-md);
}

div.dl > a > img.logo, div.dl > a > span.logo {
    width:        64px;
    height:       64px;
    margin-right:var(--spacing-alt-sm);
}

div.dl > a > span {
    width: 0;
}

div.dl.s > a > img, div.dl.u > a > img {
    margin-right:var(--spacing-alt-sm);
}

/* -------- */
.dl .t, .dl td:first-child .t {
    float: none;
    width: 100%;
}

.dl .tf {
    float: none;
    width: 80%;
}

.dl .d {
    font-size:  11px;
    color: var(--gray-600);
    margin-top:var(--spacing-xs);
}

.dl .s span {
    font-size: 10px;
    color: var(--gray-700);
    display:   block;
    margin:var(--spacing-sm) var(--spacing-none);
}

@media screen and (max-width: 640px), screen and (max-width: 720px) and (orientation: portrait) {
    .dl td.r {
        width:         120px;
        padding-right:var(--spacing-none);
    }

    .dl td.r img {
        width:  120px;
        height: 90px;
    }

    .dl .r > div {
        width:  120px;
        height: 90px;
    }
}

.cnt {
    white-space: normal;
}

.step {
    height:  auto;
    margin:var(--spacing-none);
    padding:var(--spacing-alt-sm) var(--spacing-none);
}

.step .step_t {
    float:       none;
    overflow:    auto;
    width:       auto;
    max-width:   none;
    padding:5px var(--spacing-alt-xs) var(--spacing-none) var(--spacing-alt-sm);
    white-space: normal;
}

.step-widget-wrapper {
    padding-top:var(--spacing-md);
    margin-bottom:var(--spacing-alt-md);
}

.step-widget-wrapper .steps-wrapper {
    display: none;
}

.step-widget-wrapper .step-title {
    font-size:   20px;
    line-height: 30px;
    padding:var(--spacing-none) var(--spacing-md);
}

#padc {
    position: relative;
    float: none;
    height: auto;
    margin:var(--spacing-alt-xs) var(--spacing-none);
    padding:var(--spacing-none);
    border-radius: 0;
    background-color: var(--gray-100);
}

#padc span.sep {
    display: none;
}

#padc .l .c {
    padding:var(--spacing-none);
}

#padc a::after {
    margin:var(--spacing-none) var(--spacing-xxs) var(--spacing-none) var(--spacing-none);
}

#padc a.p:not(:last-child) {
    margin-bottom:var(--spacing-none);
}

#padc a.p > img {
    width:        20px;
    height:       20px;
    margin-right:var(--spacing-md);
}

#padc a.p > img:last-child {
    margin-right:var(--spacing-none);
}

#padc .l .c a {
    font-size:     18px;
    font-weight:   normal;
    padding:var(--spacing-lg) var(--spacing-md);
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(to right, var(--gray-100) 1px, var(--gray-100) 40px, var(--gray-300) 41px, var(--gray-300) 100%);
    border-image-slice: 1;
}

#padc .l .c a:last-child {
    border-bottom: none;
}

#padc a > span {
    font-size: 16px;
}

#padc .l {
    position: relative;
    float:    none;
    width:    100%;
    padding:var(--spacing-none);
}

#padc .r {
    position: relative;
    display: none;
    float: none;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding:var(--spacing-none);
    border: none;
    background-color: var(--gray-300);
    margin:var(--spacing-none);
}

#padc .r a {
    font-size:        16px;
    margin:var(--spacing-none);
    padding:var(--spacing-lg) var(--spacing-md);
    border-bottom:    1px solid transparent;
    background-color: var(--gray-100);
    border-image: linear-gradient(to right, var(--gray-100) 1px, var(--gray-100) 40px, var(--gray-300) 41px, var(--gray-300) 100%);
    border-image-slice: 1;
}

#padc .r a span {
    font-size: 16px;
}

#padc .r .c .sec {
    margin:var(--spacing-none);
}

#padc .r .c .sec a {
    display: flex;
    align-items: center;
    padding:var(--spacing-md);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.28px;
    color: var(--gray-900);
}

#padc a span.cnt {
    flex:       1;
    text-align: right;
}

#padc .r .c .t {
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.24px;
    color: var(--gray-700);
    padding:var(--spacing-md);
    background-color: var(--gray-300);
}

#padc .pane a.n {
    width: auto;
}

#padc a.st {
    font-size:        17px;
    font-weight:      normal;
    color: var(--gray-700);
    padding:var(--spacing-alt-sm) var(--spacing-sm) var(--spacing-none) var(--spacing-md);
    background-color: transparent;
    border:           none;
}

#padc .r .c .pane {
    display: inline;
    width:   auto;
}

.pay {
    text-align: center;
}

input[type=submit] {
    font-size: 16px;
    box-sizing: border-box;
    width: 100%;
    max-width: 300px;
    margin:var(--spacing-alt-xs) var(--spacing-none);
}

.pay ul, .notfound ul {
    margin:var(--spacing-lg) var(--spacing-none);
    padding:var(--spacing-none);
}

.pay ul li, .notfound li {
    font-size:  15px;
    color: var(--gray-700);
    padding:var(--spacing-none);
    list-style: none;
    text-align: center;
}

.pay .lm {
    display: none;
}

.pay .ot {
    font-size:   16px;
    font-weight: normal;
    color: var(--gray-700);
    margin-top:var(--spacing-xl);
    padding:var(--spacing-alt-xs);
    text-align:  left;
}

.pay .ic {
    flex-direction: column;
}

.pay .ic div:first-child {
    margin:var(--spacing-none) var(--spacing-none) var(--spacing-lg) var(--spacing-none);
    padding:var(--spacing-none);
}

.pay .option {
    text-align: left;
}

.pay > div > .pi {
    margin:var(--spacing-none) var(--spacing-none) var(--spacing-lg) var(--spacing-none);
}

.pay > .lbl > .i > label > .lbl {
    font-size: 15px;
    padding:var(--spacing-alt-xs) var(--spacing-sm);
}

.pay .tabs label {
    float:       left;
    padding:var(--spacing-md) var(--spacing-alt-sm) var(--spacing-alt-sm) var(--spacing-none);
    white-space: nowrap;
}

.pay .option table td {
    white-space: normal;
}

.pay .it > div:first-child {
    justify-content: flex-start;
}

.pay .it > div:nth-child(2) > div {
    margin:var(--spacing-none);
}

.pay .pi > div > div:nth-child(1), .pay .pi > div > div:nth-child(2) {
    padding:var(--spacing-none);
}

#cciframe {
    height: 350px;
}

#dlgmap, #dlgvideo {
    position: absolute;
    z-index:  999999;
    top:      0;
    right:    0;
    bottom:   0;
    left:     0;
    height:   auto;
}

.vi #pv .p {
    max-height: 260px;
}

.vi #pv .p ul li img {
    max-height: 260px;
}

#padc .r a.n {
    padding:var(--spacing-md);
}

#padc .r .pane a.n {
    padding:var(--spacing-md);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.28px;
    color: var(--gray-900);
    border-image: linear-gradient(to right, var(--gray-100) 1px, var(--gray-100) 12px, var(--gray-300) 13px, var(--gray-300) calc(100% - 13px), var(--gray-100) calc(100% - 12px), var(--gray-100) 100%);
    border-image-slice: 1;
}

#padc .r a.n.p {
    padding:var(--spacing-lg) var(--spacing-md);
    border-bottom: none;
}

/* line menu start */
.lnmenu {
    margin:var(--spacing-none) var(--spacing-xs);
}

#lnmenu {
    position: fixed;
    z-index:  9;
    right:    0;
    bottom:   0;
    left:     0;
    display:  block;
}

#lnmenu > div {
    padding:var(--spacing-none);
    border:        none;
    border-radius: 12px;
    box-shadow:    none;
    margin:var(--spacing-none) var(--spacing-md) var(--spacing-2xl) var(--spacing-md);
}

#lnmenu > div > div {
    margin:var(--spacing-none);
    padding:var(--spacing-xl) var(--spacing-md);
    border-bottom: 1px solid var(--gray-300);
}

#lnmenu > div > div:last-child {
    border: none;
}

#lnmenu > div > div img {
    width:        26px;
    height:       26px;
    margin-right:var(--spacing-md);
}

#lnmenu > div > div > span {
    font-size:     17px;
    overflow:      hidden;
    text-overflow: ellipsis;
}

#lnmenu > div > span {
    display: none;
}

#lnmenu > div:before {
    display: none;
}

/* line menu end */
noindex:-o-prefocus, .vi #pv .p ul li img {
    vertical-align: top;
}

@media screen and (max-width: 240px) {
    .vi #pv .p ul li img {
        vertical-align: top;
    }
}

#main {
    position:         static;
    width:            100%;
    max-width:        830px;
    margin:auto;
    border:           none;
    border-radius:    0;
    background-color: transparent;
    margin-top:var(--spacing-alt-sm);
}

#main .bubble, #main .bubble.nt, .helpo, .help {
    display:       block;
    width:         auto;
    table-layout:  auto;
    border:        none;
    border-bottom: 1px solid var(--gray-400);
    border-radius: 0;
    margin:var(--spacing-none);
    box-shadow:    none;
}

#main .bubble:has(.pvp) {
    border: none;
}

.pmain {
    display:        block;
    flex-direction: column;
    width:          auto;
    table-layout:   auto;
    border:         none;
    border-radius:  0;
}

#ph .bhm {
    display:    block;
    width:      32px;
    min-width:  32px;
    height:     32px;
    background: url(/img/redesign/logo-no-bg.svg) no-repeat 0 0;
}

#ph .brg {
    display:         block;
    width:           32px;
    min-width:       32px;
    height:          32px;
    cursor:          pointer;
    background: url(/img/redesign/icons/categories.svg) no-repeat 0 0;
    background-size: 32px 32px;
}

#ph .brg > div {
    position:                   fixed;
    z-index:                    50;
    bottom:                     0;
    left:                       0;
    max-width:                  500px;
    display:                    none;
    overflow-y:                 scroll;
    width:                      100%;
    height:                     0;
    -webkit-overflow-scrolling: touch;
    background-color: var(--gray-100);
    border-top:                 1px solid var(--gray-400);
    box-shadow:                 0 4px 6px 1px rgba(0, 0, 0, 0.06);
}

#ph .brg > div > div > .c {
    width:            auto;
    background-color: var(--gray-100);
    padding-bottom:var(--spacing-xl);
    padding-top:var(--spacing-xs);
}

#ph .brg > div > div > .c > span {
    display: block;
}

#ph .brg > div > div > .c > span > a {
    font-size:   17px;
    color: var(--gray-900);
    display:     flex;
    align-items: center;
    margin:var(--spacing-none);
    padding:var(--spacing-sm) var(--spacing-md);
    border:      none;
}

#ph .brg > div > div > .c > span > a.down {
    color: var(--brand-400);
}

#ph .brg > div > div > .c > span > a > span {
    font-size:     16px;
    line-height:   28px;
    font-weight:   500;
    flex:          1;
    overflow:      hidden;
    text-overflow: ellipsis;
    white-space:   nowrap;
}

#ph .brg > div > div > .c > span > a > span + img {
    margin-right:var(--spacing-xxs);
}

#ph .brg > div > div > .c > span > a > img:last-child {
    -webkit-transition: all 0.4s;
    transform:          rotate(90deg);
}

#ph .brg > div > div > .c > span > a.down > img:last-child {
    transform: rotate(-90deg);
}

a.down::after {
    margin-top:7px !important;;
    transform:  rotate(-45deg) !important;
}

#ph .brg > div > div > .c > span > a > img {
    width:        22px;
    height:       22px;
    margin-right:var(--spacing-md);
}

#ph .brg > div > div > .c > span > a.down > img {
    filter: invert(45%) sepia(51%) saturate(5926%) hue-rotate(190deg) brightness(105%) contrast(106%);
}

#ph .brg > div > div > .c > span > div {
    display: none;
    padding:var(--spacing-none) var(--spacing-none) var(--spacing-none) 46px;
}

#ph .brg > div > div > .c > span > div b {
    font-size:   14px;
    line-height: 24px;
    color: var(--gray-900);
    padding:var(--spacing-xxs) var(--spacing-none) var(--spacing-none) var(--spacing-none);
}

#ph .brg > div > div > .c > span > div b a {
    font-weight: bold;
}

#ph .brg > div > div > .c > span > div .s {
    padding:var(--spacing-xs) var(--spacing-none) var(--spacing-alt-sm) var(--spacing-xl);
}

#ph .brg > div > div > .c > span > div a {
    font-size: 16px;
    color: var(--gray-900);
    display:   block;
    padding:var(--spacing-alt-xs) var(--spacing-none);
}

#ph .brg > div > div > .c > span > div a.st {
    font-weight: 700;
    color: var(--gray-800);
    padding:var(--spacing-xs) var(--spacing-none);
}

#ph .brg.x, #ph .c #st.x, #ph .inx {
    background: url(/img/mbar.png) no-repeat -108px 0;
    background-size: 133px 26px;
}

#ph .brg > div > .c > span > a.down:first-child::after,
#ph .brg > div > .c > span:nth-child(5) > div > .paneall span > a.down:first-child::after {
    margin-top:var(--spacing-sm);
    transform:  rotate(-45deg);
}

#ph {
    height:  var(--primary-header-height);
    z-index: 101;
}

body:has(#secondary-header-wrapper) #ph {
    height: var(--header-height-with-secondary-header);
}

body:has(#secondary-header-wrapper) #main {
    margin-top: var(--spacing-alt-sm);
}

#hmain {
    margin-top:15px;
    padding-top:var(--spacing-none);
}

.phl {
    top: 50px;
}

#ph #l {
    position:        fixed;
    top:             12px;
    left:            calc(100% / 2 - 50px);
    width:           90px;
    min-width: 90px;
    height:          35px;
    background-size: 90px 35px;
    margin:var(--spacing-none);
}

body:has(#secondary-header-wrapper) #ph #l {
    top: 52px;
}

#ph > .c, body.f #ph > .c {
    display:    flex;
    box-sizing: border-box;
    width:      100%;
    max-width:  none;
    height:     64px;
    margin:var(--spacing-none);
    padding:var(--spacing-xs) var(--spacing-md);
    gap:var(--spacing-md);
}

#ph .inx {
    display:   none;
    width:     26px;
    min-width: 26px;
    height:    26px;
}

.ui-menu .clear {
    padding:var(--spacing-md) var(--spacing-md) var(--spacing-lg) var(--spacing-none);
}

.ui-autocomplete-search {
    right:       0 !important;
    left:        0 !important;
    padding-top:var(--spacing-none) !important;
    border-top:  none;
    box-shadow: none;
    margin:var(--spacing-none);
}

#ph > div > .b {
    width:       32px;
    min-width:   32px;
    white-space: nowrap;
}

#ph > div > .b .out {
    width:           32px;
    min-width:       32px;
    max-width:       32px;
    height:          32px;
    text-indent:     100px;
    background: url(/img/redesign/icons/mobile/user.svg) no-repeat;
    background-size: 32px 32px;
}

#ph #apl, #ph .c #st {
    width:     26px;
    min-width: 26px;
    max-width: 26px;
    height:    26px;
    margin:var(--spacing-none);
    padding:var(--spacing-none);
}

#ph .b #ap {
    display: none;
}

#ph #apl {
    display:         block;
    background: url(/img/redesign/icons/header-add.svg) no-repeat 0 0;
    background-size: 24px 24px;
}

#ph .c #st {
    text-indent:     99px;
    background: url(/img/mbar.png) no-repeat 0 0;
    background-size: 133px 26px;
}

#ph .b .off {
    display: none !important;
}

/*----------------------------*/

#pfooter {
    color: var(--gray-700);
    width:            auto;
    height:           45px;
    padding:var(--spacing-none) var(--spacing-md);
    border:           none;
    background-color: var(--gray-300);
}

#pfooter a {
    color: var(--gray-700);
}

#pagecol {
    flex-direction: column;
}

#hcontent {
    width:   auto;
    padding:var(--spacing-none);
}

/*-------------------------------------*/
/*category strip menu*/

.stripct {
    display: none;
}

.stripc {
    display:                    flex;
    margin-top:var(--spacing-xs);
    padding:var(--spacing-none) var(--spacing-md);
    overflow:                   scroll;
    flex-wrap:                  nowrap;
    -webkit-overflow-scrolling: touch;
}

.stripc > div, .catms .stripc > div {
    width:     auto;
    max-width: unset;
    margin:var(--spacing-alt-xs) var(--spacing-none);
}

.stripc > div {
    margin:var(--spacing-xs) var(--spacing-none) var(--spacing-none) var(--spacing-none);
}

.stripc > div > a, .catms .stripc > div > a {
    background-color: var(--gray-300);
    padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) var(--spacing-sm);
    font-size:        14px;
    border-radius:    8px;
    width:            auto;
}

.catms .stripc > div > a:not(:has(img)) {
    padding:var(--spacing-sm) var(--spacing-md);
}

/*-------------------------------------*/
/* category list page strip menu */

.catms {
    border-radius: 0;
    box-shadow:    none;
    margin:var(--spacing-none);
}

.catms .stripc {
    overflow:                   scroll;
    -webkit-overflow-scrolling: touch;
    padding:var(--spacing-none) var(--spacing-md) var(--spacing-alt-sm);
    margin:var(--spacing-none);
    background-color: var(--gray-100);
}

.catms .stripc::-webkit-scrollbar, .catms .stripc > div.s {
    display: none;
}

.catms .stripc > div:nth-child(n+10) {
    display: block;
}

/*-------------------------------------*/

.featured {
    width:   auto;
    margin:var(--spacing-none);
    padding:var(--spacing-none);
}

.featured > .c > .s, .featured > .c > .u {
    margin:var(--spacing-none);
    padding:var(--spacing-4xl) var(--spacing-none) var(--spacing-none);
}

.featured > .c > .s > a, .featured > .c > .s > .t, .featured > .c > .u > a {
    font-size:      18px;
    line-height:    28px;
    margin:var(--spacing-none) var(--spacing-md) var(--spacing-alt-xs) var(--spacing-md);
    letter-spacing: -0.36px;
}

.featured > .c > .s > .t {
    margin:var(--spacing-none) var(--spacing-md) var(--spacing-xs) var(--spacing-md);
}

.featured > .c > .s > .c, .featured > .c > .u > .c {
    justify-content: unset;
    column-gap:      12px;
    row-gap:var(--spacing-xs);
    padding:var(--spacing-none) var(--spacing-md);
}

.featured > .c > .u > .c {
    padding-top:var(--spacing-alt-xs);
}

.featured > .c > .u > .c::after {
    content:      '';
    border-right: 1px solid transparent;
}

.featured > .c > .s > .c1 a:nth-child(n+5) {
    display: none;
}

.featured > .c > .s > .c2 a:nth-child(n+11) {
    display: none;
}

.featured > .c > .s > .c3 a:nth-child(n+13) {
    display: none;
}

.featured .c > .s > .c > a, .ydx_hp_ad {
    width:  calc((100% - 12px) / 2);
    margin:var(--spacing-sm) var(--spacing-none);
}

.featured .c .s a > div > div.p {
    font-size: 16px;
}

.featured .c .s a > div > .t {
    font-size:   14px;
    line-height: 20px;
}

.featured > .c > .s > .c a > span {
    top: 122px;
}

.featured .c .s a > img {
    width:         100%;
    height:        150px;
    border-radius: 8px;
    object-fit:    cover;
}

.featured > .c {
    margin:var(--spacing-none) var(--spacing-none) var(--spacing-alt-sm) var(--spacing-none);
}

.featured > .c > .h {
    height:           auto;
    margin:var(--spacing-6xl) var(--spacing-lg) var(--spacing-xl);
    text-align:       center;
    border-radius:    0;
    background-color: var(--gray-100);
    box-shadow:       none;
}

.featured > .c > .h > a {
    align-items:    center;
    flex-direction: column;
    max-width:      600px;
    margin:auto;
}

.featured > .c > .h > a > div {
    padding:var(--spacing-xs) var(--spacing-alt-sm);
}

.featured > .c > .h > a > div > div:nth-child(2) {
    justify-content: center;
}

.featured > .c > .h > a > div > div:nth-child(3) {
    height:     auto;
    max-height: 80px;
    margin:var(--spacing-md) var(--spacing-none);
}

.featured > .c > .h > a > img {
    float:         none;
    width:         100%;
    min-width:     auto;
    max-width:     480px;
    height:        auto;
    max-height:    400px;
    margin-bottom:var(--spacing-alt-xs);
    border-radius: 12px;
    object-fit:    cover;
}

.featured > .c > .h2 {
    display:                    flex;
    overflow:                   scroll;
    flex-direction:             row;
    justify-content:            flex-start;
    margin:var(--spacing-xl) var(--spacing-none);
    padding:var(--spacing-alt-sm) var(--spacing-none);
    -webkit-overflow-scrolling: touch;
}

.featured > .c > .h2 > .c {
    min-width:     260px;
    max-width:     280px;
    margin:var(--spacing-md);
    border-radius: 8px;
}

.featured > .c > .h2::after {
    content:      '';
    border-right: 1px solid transparent;
}

.featured > .c > .h2 > .c > a {
    display:     flex;
    flex-wrap:   nowrap;
    align-items: flex-start;
}

.featured > .c > .h2 > .c > a > .lbl {
    z-index: 10;
    top:     178px;
    left:    3px;
}

.featured > .c > .h2 > .c > a > div > div:first-child {
    font-size: 15px;
    bottom:    0;
    left:      0;
    margin:var(--spacing-none);
}

.featured > .c > .h2 > .c > a > div > div:first-child .p {
    font-size: 18px;
}

.featured > .c > .h2 > .c > a > div > div:nth-child(2) {
    display: none;
}

.featured > .c > .h2 > .c > a > img {
    min-width:     auto;
    width:         100%;
    height:        210px;
    border-radius: 10px;
    object-fit:    cover;
}

.featured > .c > .st > .c > a > div:last-child > div {
    padding:var(--spacing-sm);
    font-weight: 600;
}

/*featured users*/
/*featured stories*/
.featured > .c > .u > .c, .featured > .c > .st > .c {
    overflow-x:                 scroll;
    flex-wrap:                  nowrap;
    justify-content:            flex-start;
    -webkit-overflow-scrolling: touch;
}

.featured > .c > .st > .c {
    gap:var(--spacing-md);
    padding-right:var(--spacing-md);
}

.featured > .c > .u > .c > a {
    width:         auto;
    max-width:     270px;
    border-radius: 8px;
    margin-bottom:var(--spacing-none);
}

.featured > .c > .u > .c > a > img {
    width:         80px;
    height:        80px;
    border-radius: 8px;
}

.featured > .c > .st {
    padding:var(--spacing-xl) var(--spacing-none) var(--spacing-none) var(--spacing-md);
}

.featured > .c > .st > .c > a {
    width:     120px;
    height:    120px;
    min-width: 120px;
}

.rev_sugg {
    padding:var(--spacing-none) var(--spacing-md) var(--spacing-alt-sm);
    gap:var(--spacing-2xl);
    overflow:                   scroll;
    flex-wrap:                  nowrap;
    -webkit-overflow-scrolling: touch;
}

.rev_sugg #uinfo {
    padding:var(--spacing-md) var(--spacing-none);
}

.rev_sugg > div {
    min-width: 190px;
    margin:var(--spacing-sm);
}

@media screen and (max-width: 360px) {
    #uinfo .ctc {
        /*display: block;*/
        flex-direction: column;
    }

    #uinfo .ctc .phone, #uinfo .ctc .email {
        width: 100%;
    }

    #uinfo .phone {
        margin-bottom:var(--spacing-alt-sm);
    }
}

a.ftoggle {
    font-size:  14px;
    color: var(--gray-700);
    display:    inline-block;
    padding:var(--spacing-lg) var(--spacing-alt-sm);
    text-align: left;
}

a.ftoggle::after {
    display:            block;
    float:              right;
    width:              6px;
    height:             6px;
    margin:5px var(--spacing-none) var(--spacing-none) 7px;
    content:            '';
    border-top:         1px solid var(--gray-600);
    border-right:       1px solid var(--gray-600);
    -webkit-transition: all 0.4s;
    transform:          rotate(135deg);
}

a, a:visited, a:hover, .cl .bt a:hover {
    text-decoration: none;
    font-weight:     normal;
}

#tmenu {
    display: none;
}

#menur, #pmenu {
    display: block;
    float:   none;
    width:   100%;
    margin:var(--spacing-none);
}

#contentl, #pcontent {
    display:       block;
    float:         none;
    width:         100%;
    margin:var(--spacing-none);
    padding:var(--spacing-none) var(--spacing-none) var(--spacing-none) var(--spacing-none);
    border:        none;
    border-radius: 0;
    box-shadow:    none;
}

#pcontent, #pmenu {
    margin:auto;
    padding:var(--spacing-none);
}

#pmenu {
    padding:var(--spacing-none);
    background-color: var(--gray-300);
}

#hmenu, .postdlg, .dl, #pfooter .c {
    width: 100%;
}

#tp {
    border-radius: 0;
}

#tp .toppost, .glheader {
    font-size:       16px;
    display:         flex;
    align-items:     center;
    justify-content: flex-start;
    padding:var(--spacing-lg) var(--spacing-md) var(--spacing-sm) var(--spacing-md);
}

div.dl > div.hdr.regular-posts {
    padding-left:var(--spacing-md);
}

#tp .toppost .hlp_icon div {
    background-color: var(--accent-amber);
}

#tp .gl a:nth-child(n+9) {
    display: none;
}

.postdlg {
    padding:var(--spacing-none);
    border:        none;
    border-radius: 0;
    box-shadow:    none;
}

.postdlg div.frow div.e .ComboSelectorComponent,
.postdlg div.frow div.e .ComboSelectorComponent .me {
    width: 100% !important;
}

.postdlg div.frow div.e input[type=text] {
    min-width: 200px;
}

.postdlg div .frow input[type=text] + div.lsw,
.postdlg div.lsw + div.lsw, #idpfreqc > .lsw {
    margin-top:var(--spacing-lg);
}

.postdlg .fsec.attr div.frow div.e div.lsw:last-child:not(:first-child) {
    margin-top:var(--spacing-lg);
}

.postdlg > .c, .postdlg > form > .c {
    padding:var(--spacing-none);
}

.preview_box, .postdlg > .l,
.preview_box, .postdlg > .typesel {
    flex-direction:   column;
    border-top:       1px solid var(--gray-300);
    border-bottom:    1px solid var(--gray-300);
    background-color: var(--gray-100);
    padding:var(--spacing-xl) 30px;
}

.preview_box {
    padding:var(--spacing-none);
    border: none;
}

.postdlg > .typesel {
    padding:var(--spacing-xl) var(--spacing-md);
}

.postdlg > .l {
    text-align: center;
}

.postdlg > .l li, .postdlg > .l ul {
    padding:var(--spacing-none);
    list-style: none;
}

.postdlg > form > .btns {
    margin:var(--spacing-alt-xs) var(--spacing-none);
    padding:var(--spacing-xl);
    border-top:    1px solid var(--gray-300);
    border-bottom: 1px solid var(--gray-300);
}

.postdlg.msg {
    margin:var(--spacing-none);
}

.postdlg.msg:has(div.typesel) {
    margin:var(--spacing-none);
}

.free-ad-soft-limit-section-container {
    padding:var(--spacing-none) var(--spacing-md) var(--spacing-md);
}

.postdlg .typesel .c .row.one-column,
.postdlg .typesel .c .row.two-column,
.postdlg .typesel .c .row.three-column {
    flex: 0 0 95%;
}

.postdlg .typesel .c .row {
    margin-bottom:var(--spacing-md);
}

.postdlg .e > textarea.bodysec {
    height: 200px;
}

.postdlg.post-ad-form .lsw.open > .l,
.postdlg.post-edit-form .lsw.open > .l{
    top: 50%;
}

.postdlg.post-ad-form .lsw > .me,
.postdlg.post-edit-form .lsw > .me {
    max-width: unset;
}

.vih #abar {
    display:        flex;
    overflow:       visible;
    align-items:    flex-start;
    flex-direction: column-reverse;
    width:          auto;
    height:         auto;
    margin:var(--spacing-none);
    padding:var(--spacing-none);
}

.vih h1:nth-last-child(2) {
    /*border-bottom: 1px solid var(--gray-400);*/
}
.preview_box > .l {
    width:   100%;
    padding:var(--spacing-none);
    border:  none;
}

.helpo {
    padding:var(--spacing-alt-sm) var(--spacing-md);
}

.helpo .help {
    width:        auto;
    padding:var(--spacing-xl) var(--spacing-none);
    border-right: none;
}

.helpo .c {
    width:   auto;
    margin:var(--spacing-none);
    padding:var(--spacing-none);
}

.helpo .s {
    margin:var(--spacing-none);
    padding:var(--spacing-alt-sm) var(--spacing-none);
}

.helpo .s .i {
    font-size: 16px;
}

.helpo .s .grp {
    font-size: 20px;
    padding:var(--spacing-none) var(--spacing-none) 5px var(--spacing-none);
}

.postdlg > .tos > .help {
    margin:var(--spacing-none);
    padding:var(--spacing-xl);
}

.hp_info {
    width:      200px;
    margin:var(--spacing-xl) auto var(--spacing-none) auto;
    text-align: center;
}

.preview_box > .r, .dlf .pp, .toppost .r, #pmenu .share .c, .step_p, #ph .b .i:nth-child(4), #pfooter .c .r a, .fbcode, .ad2, .ad3, .pagetab .pic {
    display: none;
}

.ad3 {
    width:  60px;
    height: 60px;
    margin:var(--spacing-none);
}

.nomo {
    display: none;
}

.node {
    display: block;
}

.dl tr td.headerd, .dl tr:first-child td.headerd {
    padding-left:var(--spacing-alt-sm);
}

div.felement .nblock span, noindex:-o-prefocus, .vi #pv .p .arrow {
    display: block;
}

.page_info {
    margin: var(--spacing-6xl) var(--spacing-none) var(--spacing-none);
    padding:30px;
    border:        none;
    border-bottom: 1px solid var(--gray-400);
    border-radius: 0;
    box-shadow:    none;
}

.bubble .page_info {
    border: none;
}

span.rgroup {
    flex-direction:             column;
    padding:var(--spacing-xs) var(--spacing-none);
    -webkit-overflow-scrolling: touch;
}

.rgroup span {
    margin:var(--spacing-alt-xs) var(--spacing-none);
}

.rgroup.br span {
    margin:var(--spacing-alt-xs) var(--spacing-none);
}

.rgroup label {
    font-size: 16px;
}

.dl .p .p2, #pfooter .c .r a:nth-child(1) {
    display: inline;
}

@media screen and (max-width: 320px) and (grid) , screen and (max-width: 300px) {
    #ph #l {
        display: none;
    }
}

@media screen and (max-height: 480px) {
    #bnr {
        display: none;
    }
}

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

    html body #main:has(.plogin.forgotpass form .error) {
        min-height: calc(300px + (100vw - 1000px) * -0.9) !important;
    }

    html:has(.plogin.forgotpass form .error),
    body:has(.plogin.forgotpass form .error) {
        overscroll-behavior: none !important;
    }
}

.ui-dialog-content .btns {
    padding:var(--spacing-md) var(--spacing-none);
    margin:var(--spacing-none);
}

.ui-dialog-content .btns input[type=button] {
    margin:var(--spacing-alt-sm) var(--spacing-none);
    width:  100%;
}

#dialog .resume {
    max-height: none;
    overflow:   unset;
}

#dialog .resume .fsec > .t {
    margin:var(--spacing-none) var(--spacing-none) var(--spacing-none) var(--spacing-alt-xs);
    color: var(--gray-700);
    font-size: 17px;
}

#dialog .resume .fsec > div:last-child, .postdlg .resume .fsec > div:last-child, .vi .resume .fsec > div:last-child {
    border:  none;
    margin:var(--spacing-alt-xs) var(--spacing-none);
    padding:var(--spacing-alt-xs) var(--spacing-none);
}

.postdlg .resume .fsec > .t {
    padding: var(--spacing-none);
}

.vi .resume .fsec > .t {
    padding:var(--spacing-none);
    margin:var(--spacing-md) var(--spacing-xl) var(--spacing-none) var(--spacing-lg);
}

.resume .header {
    margin-left:var(--spacing-none);
}

.resume .header > .l {
    margin-left:var(--spacing-none);
    margin-right:var(--spacing-lg);
}

.postdlg .resume .header > .l {
    margin-left:var(--spacing-none);
}

.postdlg .resume .header, .vi .resume .header {
    margin:var(--spacing-alt-sm) var(--spacing-xl) var(--spacing-none);
}

.resume .header > .l > img {
    width:  100px;
    height: 100px;
}

#dialog .resume .list {
    margin:var(--spacing-none) var(--spacing-none) var(--spacing-none) var(--spacing-alt-xs);
}

.ui-dialog {
    min-height: 100%;
    box-shadow: none;
}

.ui-dialog .ui-dialog-content {
    overflow-y:                 auto;
    flex:                       1;
    box-sizing:                 border-box;
    width:                      100% !important;
    margin:var(--spacing-none) auto;
    padding:var(--spacing-none) var(--spacing-lg);
    -webkit-overflow-scrolling: touch;
}

.dialog-container:has(.addAddressFormWrapper) .ui-dialog .ui-dialog-content .ui-autocomplete-inline {
    position: absolute;
    left: var(--spacing-lg) !important;
    right: var(--spacing-lg) !important;
    width: auto !important;
    min-width: 0;
    max-width: none;
    box-sizing: border-box;
    overflow-y: auto;
    z-index: 120;
}

.ui-widget-overlay {
    display:          none;
    opacity:          1;
    background-color: var(--gray-100);
    filter:           Alpha(Opacity=100);
}

.ui-widget-content {
    position:       fixed;
    z-index:        103;
    right:          0;
    bottom:         0;
    left:           0;
    display:        flex;
    flex-direction: column;
    padding:var(--spacing-none);
    border:         none;
    border-radius:  0;
}

.ui-dialog .ui-dialog-titlebar {
    position:   static;
    z-index:    102;
    box-sizing: border-box;
    height:     55px;
}

.ui-dialog .ui-dialog-title {
    margin:var(--spacing-none) var(--spacing-5xl) var(--spacing-none) var(--spacing-md);
}

.ui-menu .ui-menu-item {
    font-size: 14px;
    padding:var(--spacing-xs) var(--spacing-none) var(--spacing-none) var(--spacing-md);
}

.ui-menu .ui-menu-item.clear {
    padding:var(--spacing-md);
}

.ui-menu .ui-menu-item a {
    padding:var(--spacing-xxs) var(--spacing-none);
}

.ui-menu .ui-menu-item div.t {
    margin:var(--spacing-md) var(--spacing-none) var(--spacing-xs) var(--spacing-none);
}

noindex:-o-prefocus, .ui-widget-content {
    border-bottom: 8px solid var(--gray-600);
}

#tabcontent .resume.emp {
    background-color: var(--gray-100);
    padding-left:var(--spacing-md);
}

.vi .resume.emp {
    background-color: var(--gray-100);
    margin:var(--spacing-xl) var(--spacing-lg);
}

#tabcontent .resume .header {
    margin-left:var(--spacing-lg);
}

#tabcontent .resume.emp .header {
    margin-left:var(--spacing-none);
}

#main:has(.EmptyStateComponent) > .tabbody > div > #tabcontent:has(.resume.emp) {
    display: flex;
    flex-direction: column;
}

#tabcontent .resume.emp {
    margin:auto;
}

.vi .resume.emp .header {
    margin:var(--spacing-none);
}

.resume .blink {
    margin:var(--spacing-alt-sm) var(--spacing-none);
}

/* Gift dialog box on my ads page */
#dlgGiftId {
    flex-direction: column;
    gap:var(--spacing-2xl);
}

#dlgGiftId .new-year-discount-info {
    padding:var(--spacing-md);
}

#dlgGiftId .new-year-discount-info .btns > a:last-child {
    flex: 1;
    justify-content: center;
}

#dlgGiftId .img {
    padding:var(--spacing-none) var(--spacing-md) var(--spacing-md) var(--spacing-md);
}

#dlgGiftId .img > img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.plogin .soclogin a {
    margin:var(--spacing-none) var(--spacing-sm);
}

.plogin .soclogin a:first-child {
    margin-left:var(--spacing-none);
}

.plogin .soclogin a:last-child {
    margin-right:var(--spacing-none);
}

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

    .dl .gl a > img, .featured .c .s a > img {
        height: 120px;
    }

    .featured > .c > .s > .c a > span {
        top: 92px;
    }

    .dl .gl a .lbl, .featured .c .s a span {
        font-size: 11px;
        top:       94px;
        left:      2px;
    }

    .plogin .soclogin a {
        margin:var(--spacing-none) var(--spacing-xs);
    }

    .plogin .soclogin a img {
        width:  40px;
        height: 40px;
    }

    .pay .btn > input[type=submit], .pay .btn a.bblink, #cc_btn button {
        min-width: auto;
    }

    .dlbp > a > img {
        width:  48px;
        height: 48px;
    }

    .dlmsg > a, .dlpayh > span, .dlbundles > span, .dlbundles > div, .dlbp > a {
        padding:var(--spacing-lg) var(--spacing-md);
    }

    #mapinfo > a > img {
        height: 100px;
    }

    #mapinfo > a .clabel {
        top: 70px;
    }
}

/*charts*/
.chart > .p > div {
    margin:var(--spacing-none) 1px;
}

/*business tab*/
.bdash {
    flex-direction: column;
}

.bdash > .l {
    width:         auto;
    padding:var(--spacing-md) var(--spacing-none) var(--spacing-none) var(--spacing-none);
    margin-bottom:var(--spacing-xl);
}

.bdash > .l > .t {
    font-size:        16px;
    font-weight:      700;
    color: var(--gray-700);
    box-sizing:       border-box;
    width:            100%;
    margin:var(--spacing-md) var(--spacing-none) var(--spacing-none) var(--spacing-alt-md);
    padding:var(--spacing-none);
    text-align:       left;
    background-color: transparent;
}

.bdash > .l > .s {
    margin:var(--spacing-alt-xs) var(--spacing-none);
    border-top:       1px solid var(--gray-400);
    border-bottom:    1px solid var(--gray-400);
    background-color: var(--gray-100);
}

.bdash > .l > .s > div {
    padding:var(--spacing-alt-xs) var(--spacing-sm) var(--spacing-alt-xs) var(--spacing-lg);
    border-bottom: 1px dotted var(--gray-300);
}

.bdash > .l > .s > div:last-child {
    border: none;
}

.bdash > .r {
    padding:var(--spacing-xl) var(--spacing-lg);
    border-top:       1px solid var(--gray-400);
    border-bottom:    1px solid var(--gray-400);
    background-color: var(--gray-100);
}

.bdash > .l > div.pblock {
    border: none;
}

.bdash > .l > div.pblock {
    padding:var(--spacing-none) var(--spacing-md);
}

.bdash > .l > div.pblock .nohp {
    margin:var(--spacing-none) var(--spacing-lg);
}

.bizform {
    margin:var(--spacing-none);
}

.bizform .fsec > div:last-child {
    padding-left: var(--spacing-md);
    padding-right: var(--spacing-md);
}

.bizform .ad-pages-desc > .e {
    display: flex;
    flex-direction: column;
    gap:var(--spacing-sm);
    align-items: start;
}

.arow {
    flex-direction:   column;
    padding:var(--spacing-xl) var(--spacing-md);
    background-color: var(--gray-100);
}

.arow:last-child {
    border-bottom: 1px solid var(--gray-300);
}

.arow > div:first-child {
    margin:var(--spacing-none) var(--spacing-none) var(--spacing-lg) var(--spacing-none);
}

.arow > div:last-child {
    text-align: left;
}

.arow > div:last-child > a {
    font-size: 17px;
}

.arow > div:first-child > div:first-child {
    font-size: 18px;
}

.arow.company-verification > div:last-child {
    justify-content: flex-start;
}

/*map preview for address input*/
.mapview img {
    margin-left:50%;
    transform:   translateX(-50%);
}

/* map view */
#mapview #map {
    top: 99px;
}

#mapview #menul {
    position:                   static;
    width:                      auto;
    border-bottom:              1px solid var(--gray-400);
    border-radius:              0;
    -webkit-overflow-scrolling: auto;
}

#mapinfo {
    top:                        auto;
    left:                       0;
    display:                    flex;
    overflow:                   scroll;
    width:                      100%;
    padding:var(--spacing-md) var(--spacing-none) var(--spacing-none);
    -webkit-overflow-scrolling: touch;
}

#mapview > .close {
    top:   108px;
    right: 8px;
}

body:has(#secondary-header-wrapper) #mapview > .close {
  top: 114px;
}

#mapinfo::after {
    content:      '';
    border-right: 1px solid transparent;
}

#mapinfo > a {
    min-width:     80%;
    max-width:     calc(100% - 24px);
    margin:var(--spacing-none) var(--spacing-alt-xs) var(--spacing-sm) var(--spacing-alt-xs);
    border-radius: 8px;
}

#mapinfo > a:first-child {
    margin-left:var(--spacing-md);
}

#mapinfo > a:last-child {
    margin-right:var(--spacing-md);
}

#mapinfo > a:only-child {
    margin-right:auto;
    margin-left:auto;
}

/*additional media queries*/
@media screen and (max-width: 768px) {
    .featured > .c > .s > .c2 a:nth-child(n+9) {
        display: none;
    }
}

@media screen and (max-width: 420px) {
    .dlbar .sort {
        max-width: 100px;
    }

    .dlbar .sort select {
        padding:var(--spacing-xs) 22px var(--spacing-xs) var(--spacing-sm);
    }

    .dlbar > .map {
        margin-right:var(--spacing-sm);
    }
}

@media screen and (max-width: 360px) {
    .dlbar-action-container .favorite-search-container .info-container {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        min-width: 0;
        max-width: 80px;
    }
}

/*---------------------------------------------------------------------------*/

/*story*/
#stmain {
    padding:var(--spacing-none);
}

.story {
    width: 100%;
}

.story_h {
    margin-bottom:var(--spacing-lg);
    border-radius:  0;
    flex-direction: column;
    width:          100%;
    padding:var(--spacing-md);
}

.story_h > .t {
    margin:var(--spacing-none);
}

.story_h img {
    margin:var(--spacing-xl) var(--spacing-none) var(--spacing-none);
}

.story > .t {
    padding:var(--spacing-none) var(--spacing-xl) var(--spacing-alt-sm) var(--spacing-2xl);
    font-size: 28px;
}

.story_h > .t > div:first-child {
    font-size:  26px;
    padding:var(--spacing-lg) var(--spacing-none);
    text-align: left;
}

.story_h > .t > div:nth-child(2) {
    padding:var(--spacing-none);
    text-align:  left;
    font-size:   14px;
    line-height: 24px;
}

.story > .article {
    width: 84%;
}

.story .coll > .c > .s > div.t {
    font-size: 20px;
    margin:var(--spacing-alt-xs) var(--spacing-md) var(--spacing-alt-xs);
}

.story .coll > .c > .s > .c {
    justify-content: space-evenly;
}

.story .coll .c > .s > .c > a {
    width: 176px;
}

.story .coll .c .s a img {
    width:  176px;
    height: 160px;
}

.story .coll > .c > .h2 {
    overflow:                   scroll;
    flex-direction:             row;
    justify-content:            flex-start;
    margin:var(--spacing-xl) var(--spacing-none);
    padding:var(--spacing-alt-sm) var(--spacing-none);
    -webkit-overflow-scrolling: touch;
}

.story .coll > .c > .h2 > .c {
    min-width: 280px;
    margin:var(--spacing-md);
}

.story .coll > .c > .h2 > .c img {
    width:     280px;
    min-width: 280px;
}

.story .coll > .c > .h2 > .c > a {
    display:   flex;
    flex-wrap: nowrap;
}

.story .coll .c > .s > .c.r1 > a:nth-child(n+5) {
    display: none;
}

.story .coll .c > .s > .c.r2 > a:nth-child(n+9) {
    display: none;
}

.story .coll .c > .s > .c.r3 > a:nth-child(n+13) {
    display: none;
}

.story .coll .c > .s > .c.r4 > a:nth-child(n+17) {
    display: none;
}

.story .coll .c > .s > .c.r5 > a:nth-child(n+21) {
    display: none;
}

.story .coll .c > .s > .c.r6 > a:nth-child(n+25) {
    display: none;
}

.story .coll .c > .s > .c > a:nth-child(n+29) {
    display: none;
}

/* horizontal menu strip */
span.msanc {
    top: -50px;
}

.menustrip {
    overflow-x:                 scroll;
    -webkit-overflow-scrolling: touch;
    flex-wrap:                  nowrap;
    padding:var(--spacing-none) var(--spacing-md);
}

/* tipsy tooltips */
.tipsy-manual.tipsy {
    left:      10% !important;
    width:     80%;
    padding:var(--spacing-none);
    font-size: 16px;
}

.tipsy-manual.tipsy-s .tipsy-arrow {
    display: none;
}

.tipsy-manual .tipsy-inner {
    padding:var(--spacing-sm) var(--spacing-md);
    max-width: none;
    font-size: 13px;
    line-height: var(--line-height-sm);
}

.bosc > div > span:first-child {
    font-size: 20px;
}

.totalCostBlockWrapper .priceRow > span:first-child {
    max-width: 200px;
}

.formContainer {
    height: 100%;
}

.formContainer form {
    height: 100%;
}

/*      ADD ADDRESS MODAL / FORM    */
.fdeladdr .fsec > div:last-child {
    border: none;
}

.fdeladdr input.phone[type=tel] {
    background-position: 8px !important;
}

@media only screen and (min-width: 640px) and (max-width: 768px) {
    .fdeladdr > .frow > .fbtn {
        flex-wrap: nowrap;
    }
}

.fdeladdr {
    align-items: center !important;
}

.fdeladdr .fsec {
    gap:var(--spacing-sm);
    width: 100%;
}

.fdeladdr .fsec .frow,
.fdeladdr .fsec div.frow .e,
.fdeladdr .fsec div.frow .addr {
    width: 100%;
}

#_add_address_form.fdeladdr .fsec .frow,
#_add_address_form.fdeladdr .fsec div.frow .e,
#_add_address_form.fdeladdr .fsec div.frow .addr {
    max-width: 100%;
}

.fdeladdr .fsec .frow:last-of-type {
    margin:var(--spacing-none);
}

.fdeladdr .frow .field-hint {
    display: block;
    margin:var(--spacing-none) var(--spacing-none) var(--spacing-none) var(--spacing-sm);
}

.fdeladdr .frow .field-hint span {
    font-size: 10px;
    color: var(--gray-600);
}

/*      ADD ADDRESS MODAL / FORM    */

/*      USER ADDRESSES DATA LIST    */
.addrwidget .pcontact .r .i div:first-child {
    display: block;
}

.addrwidget > .pcontact > .r {
    gap:var(--spacing-sm);
    padding:var(--spacing-md) var(--spacing-sm) var(--spacing-md) var(--spacing-none);
}

.addrwidget .pcontact .blink {
    margin: 0 0 8px 8px
}

.addrwidget > .pcontact .r .i.address {
    background-size: 20px 20px;
}

.addrwidget .pcontact .r .i.address .addrcib {
    display: block;
}

.addrwidget .pcontact .r .i.address .addrlm .LineMenuComponent {
    margin-right:var(--spacing-none);
    padding-right:var(--spacing-none);
}

.pcontact .addaddremp {
    margin-bottom:var(--spacing-2xl);
}

/*      USER ADDRESSES DATA LIST    */

.cardwidget .pcontact .r {
    border: none;
}

.pbankaccount .paymentMethodCell > div > span {
    display: block;
}

.addrwidget .pcontact .r .i div:nth-child(2),
.cardwidget .pcontact .r .i div:nth-child(2) {
    display: flex;
}

.dafw,
.dpmfw {
    height:          100%;
    display:         flex;
    align-items:     center;
    justify-content: center;
}

.bosm {
    height:     100%;
    overflow-y: hidden;
}

.bosm > div {
    justify-content: center;
    gap:var(--spacing-2xl);
}

.bosm .bosc {
    gap:var(--spacing-sm);
}

.bopl svg {
    top:    calc(100% - 112px);
    bottom: 0;
}

/*      MyOrders page       */
.dlpo,
.dlso {
    padding:var(--spacing-lg);
    flex-direction: column;
    gap:var(--spacing-lg);
}

.odl {
    flex-direction: column;
    width: 100%;
    padding-bottom:var(--spacing-none);
    padding-top:var(--spacing-none);
    gap:var(--spacing-lg);
}

.odl .inf {
    width: 100%;
    gap:var(--spacing-lg);
}

.odl .inf .lowerInf {
    width: 100%;
    flex-direction: column;
}

.odl .thumb {
    width: 80px;
    height: 62px;
}

.odl .inf span {
    font-size: 13px;
}

.odl .inf a {
    width: auto;
}

.odl .inf .dlpv {
    flex-direction: column;
    gap:var(--spacing-xs);
}

.odl .inf .dlpv .act a {
    width: 80%;
}

.odl .inf .desc .dtls {
    width:   100%;
    display: block;
}

.odl .inf .desc .dtls p {
    text-align: left;
}

.odl .inf > .upperInf > .orderTitle,
.odl .inf > .upperInf {
    flex-direction: column;
    align-items: flex-start;
}

.odl .inf > .upperInf {
    gap:var(--spacing-sm);
}

.odl .inf > .upperInf > .orderTitle {
    gap:var(--spacing-sm);
}

.odl .inf > .upperInf > .orderTitle .oslw {
    margin-left:var(--spacing-none);
}

.odl .inf > .lowerInf .orderPlacedInf p,
.odl .inf > .lowerInf .toBePaidInf p {
    font-size: 13px;
    line-height: 20px;
    white-space: pre;
}

.odl .inf > .lowerInf .orderPlacedInf > .orderPlacedTitle,
.odl .inf > .lowerInf .toBePaidInf > .toBePaidInfTitle {
    box-sizing: border-box;
}

.odl .inf > .lowerInf {
    gap:var(--spacing-sm);
}

.odl .inf > .upperInf > .prodTitle {
    font-size: 15px;
    line-height: 24px;
}

.odl .inf > .upperInf .orderNumber {
    font-size: 17px;
    line-height: 28px;
    font-weight: 600;
    letter-spacing: -0.17px;
}

.appract {
    align-items: flex-start;
}

.dlso .odl .desc.fd-column,
.odl .desc {
    flex-direction: column;
    gap:var(--spacing-none);
}

.dlpo .dtls .dlnk {
    display:         flex;
    justify-content: center;
}

.dlpo .odl {
    gap:var(--spacing-lg);
}

.dlso .act {
    width:          100%;
    position:       relative;
    flex-direction: row;
}

.dlso .act a {
    flex: 1;
}

.dlso .act a.f {
    margin-bottom:var(--spacing-none);
}

.dlso .act a.r {
    margin:var(--spacing-none);
}

.dlcof .ComboSelectorComponent {
    width: 100%;
}

.dl .dlcof .ComboSelectorComponent .me {
    max-width: none;
    width:     calc(100% - 12px) !important;
}

.dlcof {
    padding-left:var(--spacing-md);
}

.dlcof .ComboSelectorComponent .me > div,
.dlcof .ComboSelectorComponent .l .i {
    font-size: 13px !important;
}

.dlcof .ComboSelectorComponent .me > div {
    display:     flex;
    align-items: center;
    padding:var(--spacing-xs) var(--spacing-xl) var(--spacing-xs) var(--spacing-alt-xs);
}

.dlcof .ComboSelectorComponent > .me:after {
    top: 12px;
}

/*      MyOrders page       */

/*      Buyer Order Details Page        */
.odbtm {
    flex-direction: column;
    gap:var(--spacing-lg);
    padding:var(--spacing-md);
}

.odbtm > div {
    width: 100%;
}

.odbtm .odbtml .odt h2,
.odbtm .odbtmr > p {
    font-size: 14px;
}

.odbtm .odbtmr .priceRow {
    padding-bottom:var(--spacing-xs);
}

.odbtm .odbtmr .priceRow.odostp {
    padding-top:var(--spacing-md);
}

.odbtm .odbtml .odpd img {
    width: 96px;
}

.odbtml,
.odbtmr {
    padding:var(--spacing-md);
}

.odbtml,
.oddi {
    gap:var(--spacing-sm);
}

.odpd {
    column-gap: 12px;
}

.odpdr a.blink {
    font-size: 14px;
}

/*      Buyer Order Details Page        */
.fom .fm {
    flex-direction: column;
}

.ordrejsell {
    width:          100%;
    flex-direction: column;
}

#product_confirmation_sec .product_confirmation_sec_dtls {
    margin:var(--spacing-none) var(--spacing-md) var(--spacing-none) 42px;
}

.postdlg .paf_primary_btns {
    width:           100%;
    display:         flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap:             12px;
}

.postdlg .paf_primary_btns input:first-child,
.postdlg .paf_primary_btns input:nth-child(2) {
    flex: 1 0 40%;
}

#ph .verify-account {
    display: none;
}

.verify-account-banner {
    display: block;
}

.pagetab > .dot::after {
    top:   16px;
    right: 4px;
}

.pagetab > span.dot {
    z-index: 0;
}

#tabmenu .dot::after {
    top:   0;
    right: -8px;
}

.add-email-banner + .blink {
    display: block;
}

.start-verification-modal .description {
    margin-top:var(--spacing-none);
    line-height: 24px;
    font-size:   14px;
}

.requirements-cont p:first-child ~ p {
    font-size:   14px;
    line-height: 24px;
    margin:var(--spacing-xs) var(--spacing-none);
}

.start-verification-modal .gov-info-text {
    font-size: 14px;
}

.benefits {
    flex-direction: column;
}

.start-verification-modal .title, .start-verification-modal .requirements-cont p:first-child {
    margin-bottom:var(--spacing-md);
}

.start-verification-modal .action-buttons > * {
    font-size:     14px;
    padding:var(--spacing-md);
    border-radius: 6px;
}

.start-verification-modal .title {
    font-size:     22px;
    margin-bottom:var(--spacing-md);
}

.start-verification-modal .action-buttons {
    gap:var(--spacing-sm);
}

/** specially for user verification modal **/

body.wider-dialog .ui-dialog .ui-dialog-content {
    padding:var(--spacing-lg);
}

/* Inline edit element */
.inline-edit-wrapper .ComboSelectorComponent > .me {
    max-width: none;
    width: unset !important;
}

.inline-edit-wrapper > .inline-edit-mode {
    flex-direction: column;
}

.inline-edit-wrapper > .inline-edit-mode .edit-mode-btns {
    justify-content: center;
}

.inline-edit-wrapper > .inline-edit-mode .edit-mode-btns > .save-btn-container > .save-btn {
    width: 100%;
}

.inline-edit-wrapper > .inline-edit-mode .edit-mode-btns > .save-btn-container,
.inline-edit-wrapper > .inline-edit-mode .edit-mode-btns > .cancel-btn {
    width: calc(50% - 4px);
}

#inline-location-edit-component {
    width: 100%;
}

.inline-edit-wrapper > .inline-edit-mode .edit-mode-btns {
    flex-direction: row-reverse;
}

.frow.hide-display-name-container > .l {
    display: none;
}

/* End of Inline edit element */

.frow.fdinf {
    padding:var(--spacing-none);
    margin-left:var(--spacing-none);
}

.oles {
    padding:var(--spacing-none) var(--spacing-md);
}

.self-service-wrapper {
    width: unset;
}

#main.pvp #crumb {
    padding-right:var(--spacing-md);
}


/*	Secondary header in homepage	*/
secondary {
    width: 100%;
}

#secondary-header .first-group-container {
    width:           100%;
    justify-content: space-between;
}

#secondary-header .first-group-container .delivery-link,
#secondary-header .second-group-container {
    display: none;
}

#ph.header-not-fixed > div.c {
    justify-content: center !important;
}

@media screen and (max-width: 425px) {
    #secondary-header .help-support-wrapper {
        display: none;
    }
}

/*	Secondary header in homepage	*/

/*  Main section in B2C landing page    */
#self-serve-main-section-wrapper {
    width:         100%;
    height:        unset;
    margin-top:var(--spacing-4xl);
    margin-bottom:52px;
}

#self-serve-main-section-wrapper .self-serve-main-section {
    flex-direction:  column;
    align-items:     center;
    justify-content: flex-start;
    width:           100%;
    padding:var(--spacing-none) var(--spacing-md);
    box-sizing:      border-box;
}

#self-serve-main-section-wrapper .self-serve-main-section .info-section {
    gap:var(--spacing-xl);
    min-width: 100%;
}

#self-serve-main-section-wrapper .self-serve-main-section .info-section h1,
#self-serve-main-section-wrapper .self-serve-main-section .info-section h1 span {
    text-align:     center;
    font-size:      28px;
    line-height:    36px;
    letter-spacing: -0.56px;
}

#self-serve-main-section-wrapper .self-serve-main-section .info-section > span,
#self-serve-main-section-wrapper .self-serve-main-section .hero-wrapper,
#self-serve-landing-cta {
    width:      100%;
    box-sizing: border-box;
}

#self-serve-main-section-wrapper .self-serve-main-section .info-section > span {
    font-size:      16px;
    line-height:    24px;
    letter-spacing: -0.32px;
    text-align:     center;
}

#self-serve-main-section-wrapper .self-serve-main-section .info-section > .delivery-notice {
    font-size:      13px;
    font-weight:    500;
    line-height:    20px;
    letter-spacing: -0.26px;
}

#self-serve-landing-cta {
    padding:var(--spacing-alt-md) var(--spacing-6xl);
    font-size:      14px;
    letter-spacing: 0.28px;
}

#self-serve-main-section-wrapper .self-serve-main-section .hero-wrapper {
    display:    none;
    background: none;
}

#self-serve-main-section-wrapper .self-serve-main-section .info-section .hero-wrapper {
    background-image:    url('/img/redesign/icons/sellers_self_service/main-section-hero-mobile.jpg');
    background-position: center;
    background-repeat:   no-repeat;
    background-size:     contain;
    width:               100%;
    height:              320px;
    display:             block;
    text-align:          center;
    border-radius:       12px;
    position:            relative;
}

#self-serve-main-section-wrapper .self-serve-main-section .info-section .hero-wrapper img {
    width: 100%;
}

.self-serve-landing-page-wrapper > div.flex-center {
    padding:var(--spacing-none) var(--spacing-md);
    margin-bottom:72px;
}

.self-serve-landing-page-wrapper > div.flex-center > a {
    width: fit-content;
}

/*  Main section in B2C landing page    */

/*  Start selling modal */
.start-selling-modal-wrapper {
    margin-top:var(--spacing-none);
}

.seller-options-wrapper {
    flex-direction: column;
}

#selling-own-items,
#running-a-business {
    padding-top:var(--spacing-2xl);
    align-items: center;
    width:       auto;
}

.start-selling-modal-wrapper .seller-options-wrapper > div svg {
    margin-bottom:var(--spacing-md);
}

#selling-own-items span,
#selling-own-items h3,
#running-a-business span,
#running-a-business h3 {
    text-align: center;
}

/*  Start selling modal */

/*  Self Service touchpoint in post add form  */
.post-add-self-serve-touchpoint-section {
    padding:var(--spacing-none) var(--spacing-md);
}

.post-add-self-serve-touchpoint-wrapper {
    margin-bottom:var(--spacing-alt-sm);
    padding:var(--spacing-xl);
}

.benefit-section-wrapper {
    padding:var(--spacing-none);
}

#post_delivery_section > div > div {
    flex-direction: column;
}

#post_delivery_section > div > .dt > .frow,
#post_delivery_section > div > .dt > .frow .e > div {
    width: 100%;
}

#post_accept_returns_section .st,
#post_delivery_type_section .st,
#post_negotiable_section .st {
    font-weight: 700;
}

#post_accept_returns_section .fdinf,
#post_negotiable_section .fdinf {
    padding:var(--spacing-none) var(--spacing-md);
}

.delivery-moto-img {
    transform: translateY(24px);
}

/*  Self Service touchpoint in post add form  */

/*	Benefits section in B2C landing page	*/
#self-serve-benefit-section-wrapper {
    padding:var(--spacing-none) var(--spacing-none) var(--spacing-none) var(--spacing-md);
    margin-top:var(--spacing-4xl);
    margin-bottom:52px;
}

.self-serve-benefit-section,
.individual-benefit-section {
    height:          420px;
    overflow-x:      scroll;
    scrollbar-width: none;
    overflow-y:      hidden;
    gap:var(--spacing-lg);
}

.individual-benefit-section {
    height: 380px;
}

.self-serve-benefit-section .benefit-col-one,
.self-serve-benefit-section .benefit-col-two,
.self-serve-benefit-section .benefit-col-three {
    display: flex;
    width:   fit-content;
    height:  100%;
    gap:var(--spacing-lg);
}

.self-serve-benefit-section .benefit-col-two {
    flex-direction: row-reverse;
}

.self-serve-benefit-section .benefit-col-one > div,
.self-serve-benefit-section .benefit-col-two > div,
.self-serve-benefit-section .benefit-col-three > div {
    margin-bottom:var(--spacing-none);
    padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-none);
    min-height:    420px;
    max-height:    100%;
    min-width:     340px;
    width:         100%;
}

#self-serve-benefit-section-wrapper h2 {
    font-size:      22px;
    line-height:    32px;
    letter-spacing: -0.44px;
    margin:var(--spacing-none) var(--spacing-md) var(--spacing-xl) var(--spacing-none);
}

.self-serve-benefit-section .benefit-col-one > div:first-of-type {
    background: url('/img/redesign/icons/sellers_self_service/benefit-brand-awareness-mob.jpg') no-repeat center/cover;
}

.self-serve-benefit-section .benefit-col-one > div:last-of-type {
    background: url('/img/redesign/icons/sellers_self_service/benefit-promotional-tools-mob.jpg') no-repeat center/cover;
}

.self-serve-benefit-section .benefit-col-two > div:first-of-type {
    background: url('/img/redesign/icons/sellers_self_service/benefit-secure-transactions-mob.jpg') no-repeat center/cover;
}

.self-serve-benefit-section .benefit-col-two > div:last-of-type {
    background: url('/img/redesign/icons/sellers_self_service/benefit-cost-effectiveness-mob.jpg') no-repeat center/cover;
}

.self-serve-benefit-section .benefit-col-three > div:first-of-type {
    background: url('/img/redesign/icons/sellers_self_service/benefit-increased-sales-mob.jpg') no-repeat center/cover;
}

.self-serve-benefit-section .benefit-col-three > div:last-of-type {
    margin-right:var(--spacing-lg);
    background: url('/img/redesign/icons/sellers_self_service/benefit-sales-management-and-analytical-tools-mob.jpg') no-repeat center/cover;
}

/*	Benefits section in B2C landing page	*/

.individual-benefit-section .benefit-col-one,
.individual-benefit-section .benefit-col-one > div:last-of-type,
.individual-benefit-section .benefit-col-two {
    width:   unset;
    display: flex;
    gap:var(--spacing-lg);
}

.individual-benefit-section .benefit-col-one > div:last-of-type {
    flex-direction: row-reverse;
}

.self-serve-benefit-section h4,
.individual-benefit-section h4 {
    margin:var(--spacing-none) var(--spacing-none) var(--spacing-sm);
    color: var(--gray-900);
    font-size:      14px;
    font-style:     normal;
    font-weight:    800;
    line-height:    24px;
    letter-spacing: -0.14px;
}

.self-serve-benefit-section span,
.individual-benefit-section span {
    color: var(--gray-900);
    font-size:      14px;
    font-style:     normal;
    font-weight:    500;
    line-height:    20px;
    letter-spacing: 0.14px;
}

.individual-benefit-section .benefit-col-one > .benefit-potential-buyers-flow,
.individual-benefit-section .benefit-col-one > div:last-of-type > .benefit-control-and-empowerment,
.individual-benefit-section .benefit-col-one > div:last-of-type > .benefit-promotional-tools,
.individual-benefit-section .benefit-col-two > .benefit-secure-payments,
.individual-benefit-section .benefit-col-two > .benefit-trust {
    max-width:  100%;
    width:      340px;
    min-height: 380px;
    max-height: 100%;
    padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-none);
}

.individual-benefit-section .benefit-col-one > .benefit-potential-buyers-flow {
    background: url('/img/redesign/icons/sellers_self_service/benefit-potential-buyers-flow-mob.jpg') no-repeat center/cover;
}

.individual-benefit-section .benefit-col-one > .benefit-potential-buyers-flow span {
    width: auto;
}

.individual-benefit-section .benefit-col-one > div:last-of-type > .benefit-control-and-empowerment {
    background: url('/img/redesign/icons/sellers_self_service/benefit-control-and-empowerment-mob.jpg') no-repeat center/cover;
}

.individual-benefit-section .benefit-col-one > div:last-of-type > .benefit-promotional-tools {
    background: url('/img/redesign/icons/sellers_self_service/benefit-promotional-tools-for-individuals-mob.jpg') no-repeat center/cover;
}

.individual-benefit-section .benefit-col-two > .benefit-secure-payments {
    background: url('/img/redesign/icons/sellers_self_service/benefit-secure-payments-mob.jpg') no-repeat center/cover;
}

.individual-benefit-section .benefit-col-two > .benefit-trust {
    background: url('/img/redesign/icons/sellers_self_service/benefit-trust-mob.jpg') no-repeat center/cover;
    margin-right:var(--spacing-lg);
}

.benefit-section-wrapper,
.title-section-wrapper {
    width: 100%;
}

.title-section-wrapper > div {
    display:    block;
    text-align: center;
    height:     272px;
    width:      100%;
}

.title-section-wrapper > div > img {
    height: 272px;
}

.post-add-self-serve-touchpoint-wrapper > .delivery-moto-img {
    display: none;
}

/*  Instructions block landing page */
.self-serve-instructions-section {
    align-items: flex-start;
}

#self-serve-instructions-section-wrapper {
    margin:var(--spacing-4xl) var(--spacing-md) var(--spacing-none);
    padding-top:var(--spacing-2xl);
    border-radius: 20px;
}

.delivery-flow-steps {
    display: none;
}

.arrows {
    transform: scale(1);
}

.self-serve-instructions-section {
    display: block;
}

.delivery-flow-steps-mobile {
    display:     block;
    width:       100%;
    will-change: transform;
}

.self-serve-instructions-section img {
    bottom: unset;
    top:    0;
}

#self-serve-instructions-section-wrapper > h1 {
    font-size:      22px;
    line-height:    32px;
    letter-spacing: -0.44px;
    margin-bottom:var(--spacing-none);
}

.self-serve-instructions-section img {
    width:     135%;
    transform: translateX(-15%) translateY(20px);
}

#self-serve-instructions-section-wrapper {
    height: calc(100vh - 24px);
}

.self-serve-instructions-section {
    padding-bottom:var(--spacing-2xl);
}

#self-serve-instructions-section-wrapper > div {
    width: auto;
}

#self-serve-instructions-section-wrapper > div {
    width:      auto;
    margin:var(--spacing-none) var(--spacing-md);
    box-sizing: border-box;
}

.delivery-flow-steps-mobile {
    width:    100%;
    height:   100%;
    position: relative;
}

.delivery-flow-steps-mobile .steps {
    padding:var(--spacing-md);
    border-radius:   12px;
    background: rgba(255, 255, 255, 0.60);
    box-shadow:      0 8px 20px 0 rgba(129, 106, 91, 0.15);
    backdrop-filter: blur(12.5px);
    box-sizing:      border-box;
    position:        absolute;
}

.delivery-flow-steps-mobile .arrows {
    position: absolute;
    z-index:  10;
}

.delivery-flow-steps-mobile .steps > span {
    font-size:      14px;
    line-height:    20px;
    letter-spacing: -0.28px;
    font-weight:    500;
}

.step-one-mb {
    top:  5%;
    left: 2%;
}

.arrow-step-one-mb {
    right: 7%;
    top:   8%;
}

.step-two-mb {
    width: 183px;
    top:   18%;
    right: 0;
}

.arrow-step-two-mb {
    top:   34%;
    right: 5%;
}

.step-three-mb {
    width: 130px;
    top:   50%;
    right: 0;
}

.arrow-step-three-mb {
    top:   62%;
    right: 5%;
}

.step-four-mb {
    width: 205px;
    left:  0;
    top:   67%;
}

.arrow-step-four-mb {
    top:   75%;
    right: 8%;
}

.step-five-mb {
    width:  100%;
    bottom: 0;
    left:   0;
}

@media screen and (max-width: 1024px) {
    .delivery-flow-steps {
        display: grid;
        width:   90vw;
        height:  55vh;
    }

    .delivery-flow-steps-mobile {
        display: none;
    }

    #self-serve-instructions-section-wrapper {
        height: auto;
        margin:var(--spacing-none) var(--spacing-md) 52px;
    }

    #self-serve-instructions-section-wrapper > div {
        width: auto;
    }

    .delivery-flow-steps .steps {
        transform: scale(0.8);
    }

    .delivery-flow-steps .step-five {
        left: -50% !important;
    }

    .delivery-flow-steps .step-four {
        right: 25% !important;
    }

    .arrows svg {
        transform: scale(0.8);
    }

    .self-serve-instructions-section img {
        width:     75%;
        transform: translateX(-10%) translateY(10%);
    }
}

@media (min-width: 425px) and (max-width: 768px) {
    #self-serve-instructions-section-wrapper {
        height:         calc(100vh - 24px);
        margin:var(--spacing-none) var(--spacing-md) 52px;
        padding-top:var(--spacing-2xl);
        padding-bottom:var(--spacing-none);
    }

    #self-serve-instructions-section-wrapper h1 {
        font-size:      22px;
        line-height:    32px;
        letter-spacing: -0.44px;
    }

    #self-serve-instructions-section-wrapper > div {
        width: 95%;
    }

    #self-serve-instructions-section-wrapper img {
        width:     90%;
        bottom:    unset;
        left:      unset;
        transform: translateX(-10%) translateY(15%);
    }

    .delivery-flow-steps {
        display: none;
    }

    .delivery-flow-steps-mobile {
        display: block;
    }

    .delivery-flow-steps-mobile .arrows {
        transform: scale(1.15);
    }

    .delivery-flow-steps-mobile .step-five-mb {
        backdrop-filter: unset;
    }
}

@media screen and (max-width: 425px) {
    #self-serve-instructions-section-wrapper {
        height:      calc(100vh - 24px);
        margin:var(--spacing-none) var(--spacing-md) 52px;
        padding-top:var(--spacing-2xl);
    }

    #self-serve-instructions-section-wrapper > div {
        width: auto;
    }

    #self-serve-instructions-section-wrapper h1 {
        font-size:      22px;
        line-height:    32px;
        letter-spacing: -0.44px;
        margin-bottom:var(--spacing-none);
        width:          calc(100% - 24px);
        align-self:     center;
    }

    .self-serve-instructions-section {
        padding-bottom:var(--spacing-2xl);
    }

    #self-serve-instructions-section-wrapper img {
        width:     130%;
        bottom:    unset;
        top:       unset;
        left:      unset;
        transform: translate(-10%, 15%);
    }

    .delivery-flow-steps {
        display: none;
    }

    .delivery-flow-steps-mobile {
        display:     block;
        width:       100%;
        height:      84vh;
        will-change: transform;
    }

    .arrows {
        transform: scale(1);
    }

    .step-one-mb {
        top:  5%;
        left: 2%;
    }

    .arrow-step-one-mb {
        right: 15%;
        top:   8%;
    }

    .step-two-mb {
        width: 183px;
        top:   18%;
        right: 0;
    }

    .arrow-step-two-mb {
        top:   34%;
        right: 5%;
    }

    .step-three-mb {
        width: 130px;
        top:   50%;
        right: 0;
    }

    .arrow-step-three-mb {
        top:   65%;
        right: 12%;
    }

    .step-four-mb {
        width: 205px;
        left:  0;
        top:   73%;
    }

    .arrow-step-four-mb {
        top:   78%;
        right: 12%;
    }

    .step-five-mb {
        width:           100%;
        bottom:          0;
        left:            0;
        backdrop-filter: unset;
    }
}

/*  Instructions block landing page */

.orders-empty-state-wrapper,
.purchases-empty-state-wrapper {
    padding:var(--spacing-md) var(--spacing-md) var(--spacing-none);
}

.empty-ad-list-action-btns-wrapper {
    flex-direction: column;
    align-items:    stretch;
}

.empty-ad-list-action-btns-wrapper > a {
    width:   auto;
    padding:var(--spacing-lg);
}

.business-page-shop-tab-business-verification-status {
    padding:var(--spacing-none) var(--spacing-md);
    height:  70vh;
}

/*seller application page*/
#seller-apply-page .step {
    padding:var(--spacing-alt-sm) var(--spacing-md);
    margin-bottom:var(--spacing-alt-md);
}

#seller-apply-page > .step > .step_p {
    display: flex;
}

#company-verify-page form,
#company-verify-page .verification-completion-wrapper,
#seller-apply-page form,
#seller-apply-page .verification-completion-wrapper {
    padding:var(--spacing-none) var(--spacing-md);
}

#company-verify-page form label.cbox > div:last-child,
#seller-apply-page form label.cbox > div:last-child {
    font-size: 14px;
}

#company-verify-page .verification-completion-wrapper > div
#seller-apply-page .verification-completion-wrapper > div {
    max-width: 100%;
    width:     100%;
}

#company-verify-page .heading h1,
#seller-apply-page .heading h1 {
    font-size:      20px;
    font-weight:    700;
    line-height:    32px;
    letter-spacing: -0.4px;
    margin-bottom: var(--spacing-sm);
}

#company-verify-page .heading p,
#seller-apply-page .heading p {
    font-size:   13px;
    line-height: 22px;
}

#seller-individual-verification-form p {
    font-size:      15px;
    letter-spacing: -0.3px;
}

#seller-individual-verification-form .d1 {
    gap: var(--spacing-xl);
}

#company-verify-page .actions,
#seller-apply-page .actions {
    justify-content: center;
    gap:var(--spacing-md);
}

#company-verify-page .actions a,
#company-verify-page .actions input,
#seller-apply-page .actions a,
#seller-apply-page .actions input {
    padding:var(--spacing-lg);
    width:     50%;
    max-width: none;
    margin:var(--spacing-sm) var(--spacing-none);
}

#seller-individual-verification-form input[type='submit'] {
    max-width: none;
}

#company-verify-page .fg,
#seller-apply-page .fg {
    margin:var(--spacing-lg) var(--spacing-none);
}

#company-verify-page .heading,
#seller-apply-page .heading {
    margin-bottom:var(--spacing-xs);
}

#company-verify-page .c2,
#seller-apply-page .c2 {
    flex-direction: column;
    gap:var(--spacing-none);
}

#company-verify-page .c2 > div,
#seller-apply-page .c2 > div {
    width: 100%;
}

#company-verify-page .c2 > div:last-of-type > .fg:first-of-type,
#seller-apply-page .c2 > div:last-of-type > .fg:first-of-type {
    margin-top:var(--spacing-none);
}

#company-verify-page .ComboSelectorComponent.open .l {
    top: unset;
}

#seller-apply-page .ComboSelectorComponent > .l > div.i {
    font-size:   16px;
    width:       100%;
    max-width:   100%;
    white-space: pre-wrap;
}

#seller-address-form #operational-same,
#seller-address-form #notification-same,
#seller-product-form #no-links {
    margin-top:var(--spacing-md);
}

#seller-product-form #active-note > span {
    transform: translateX(28px);
}

/*seller application page*/

/*  Order Success Modal */
.buySuccessModalWrapper {
    gap:var(--spacing-2xl);
}

.buySuccessModalWrapper .buySuccessModalThankNote {
    font-size:   20px;
    line-height: 28px;
}

/*seller application page*/
#seller-terms-form #terms-view {
    height: auto;
}

/* Category Selection */
.category-selector {
    gap:var(--spacing-md);
}

.category-card {
    min-width: 180px;
    height: 160px;
}

.category-title {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.14px;
    margin:var(--spacing-md);
}

.category-card.products .fragment-1 {
    left: 25.5%;
    top: 35%;
    width: 20%;
    background-size: cover;
}

.category-card.products:hover .fragment-1 {
    top: 13%;
    left: 29.5%;
    height: 40%;
    background-size: cover;
}

.category-card.products .fragment-4 {
    height: 67%;
}

.category-card.products .fragment-2 {
    top: 42%;
}

.category-selector-widget .category-img > span {
    display: none;
}

.category-selector-widget .category-card .category-img {
    min-width: 100%;
    background-position: right bottom;
}

.category-card.products .category-img {
	background-image: url(/img/category-selection/mobile/products.svg);
}

.category-card.real-estate .category-img {
	background-image: url(/img/category-selection/mobile/real-estate.svg)
}

.category-card.vehicles .category-img {
	background-image: url(/img/category-selection/mobile/vehicles.svg);
}

.category-card.jobs .category-img {
	background-image: url(/img/category-selection/mobile/jobs.svg);
}

.category-card.services .category-img {
	background-image: url(/img/category-selection/mobile/services.svg);
}

.category-card.business .category-img {
	background-image: url(/img/category-selection/mobile/business.svg);
}

.category-selector-widget {
    margin:var(--spacing-none) var(--spacing-md);
}

.category-selector-widget .fsec > .t {
    padding:var(--spacing-none);
    margin-bottom:var(--spacing-alt-sm);
    font-size: 16px;
    font-weight: 700;
}

.step-widget-wrapper:has(+ .postdlg .category-page) {
    display: none;
}

.step-widget-wrapper:has(+ .postdlg .category-selector) {
    padding-top:var(--spacing-none);
}

.category-page .category-search input, .category-page .category-search input::placeholder {
    height: 48px;
    font-size: 15px;
}

.category-page .category-search .t + div {
    padding:var(--spacing-none);
}

.category-page > h2, .category-page > h2 span {
    font-size: 20px;
    line-height: 32px;
    margin-bottom:var(--spacing-xl);
}

.category-results {
    margin-top:var(--spacing-5xl);
}

.category-page .suggested-category {
    margin-bottom:var(--spacing-sm);
    width: unset;
}

.suggested-categories .empty-result, .suggested-categories .choosing-right-category {
    font-size: 15px;
    line-height: 24px;
}

.suggested-categories .choosing-right-category {
    display: none;
}

.choose-other-category {
    margin:var(--spacing-lg) var(--spacing-none) var(--spacing-2xl);
    display: inline-block;
}

.choose-other-category, .choose-other-category a {
    font-size: 15px;
    font-weight: 600;
}

.category-page .suggested-category span:last-child {
    width: unset;
}

.category-page .suggested-category .title {
    flex-wrap: wrap;
}

.category-type .rgroup {
    flex-direction: row;
    flex-wrap: wrap;
    padding:var(--spacing-none);
    align-items: start;
}

.category-type div:has(.rgroup) {
    padding:var(--spacing-none);
}

.category-page .category-type {
    margin-bottom:var(--spacing-5xl);
}

.category-page .category-type label {
    text-wrap: nowrap;
    font-size: 15px;
}

.category-page .category-type .rgroup span {
    margin-top:var(--spacing-none);
    margin-bottom:var(--spacing-sm);
}

.category-page .category-type .rgroup span:last-child {
    margin-bottom:var(--spacing-none);
}

@media screen and (max-width: 400px) {
    .category-card {
        min-width: 160px;
        height: 150px;
    }
}

@media screen and (min-width: 401px) {
    .category-card {
        min-width: 180px;
        height: 170px;
    }
}

@media screen and (min-width: 780px) {
    .category-card {
        min-width: 200px;
        height: 180px;
    }
}

/* end Category Selection */

#promote-become-a-seller .body {
    flex-direction: column;
}

#promote-become-a-seller .actions {
    flex-direction: column;
}

#promote-become-a-seller .actions button {
    width: 100% !important;
}

.fdeladdr .textareaWrapper textarea,
.buyDeliveryNoteSection .buyDeliveryNoteInputWrapper .textareaWrapper textarea,
.buySellerNoteSection .buySellerNoteInputWrapper .textareaWrapper textarea {
    min-height: 100px;
}

.show-more-sugg {
    display: none!important;
}

#uinfo.d-none {
    display: flex !important;
}

.orderDetailPage {
    padding:var(--spacing-none) var(--spacing-md);
}

.orderDetailPage > .detailsWrapper {
    width: 100%;
    max-width: 100%;
    flex-direction: column;
    gap:var(--spacing-3xl);
}

.orderDetailPage > .detailsWrapper > .detailsLeft {
    min-width: 100%;
    max-width: calc(100% - var(--spacing-2xl));
    padding:var(--spacing-none);
}

.orderDetailPage > .detailsWrapper > .detailsLeft .summaryCard > .actions {
    width: 100%;
}

.orderDetailPage > .detailsWrapper > .detailsLeft .summaryCard > .actions > a {
    width: 50%;
    max-width: 50%;
}

.orderDetailPage > .detailsWrapper > .detailsRight {
    min-width: 100%;
    max-width: 100%;
    margin-bottom:var(--spacing-3xl);
}

div.dl > .fav-item-info-container {
    padding:var(--spacing-alt-xs) var(--spacing-md) !important;
}

.felement_content_err.fsec {
    margin:var(--spacing-alt-sm);
}

/* If the post count in the add page is 2 or 3,
 prevent automatic scrolling to the top after a fast scroll down
 */
body:has(.MyAdCardComponent:nth-child(3):last-child),
body:has(.MyAdCardComponent:nth-child(2):last-child) {
    overscroll-behavior: none;
    -webkit-overflow-scrolling: touch;
}

html:has(.frow.user-verification-container.imid),
body:has(.frow.user-verification-container.imid) {
    overscroll-behavior: none;
}

.InlineTabComponent.pmTabs.tabs-restyle > div:nth-child(2) > div:nth-child(2) {
    width: 0;
}

.free-ad-soft-limit-section-container .AddFundsComponent .buttons .add-funds-button {
    width: 100%
}

.dl.s > div > .fav-item-info-container:last-of-type > div {
    padding-right:var(--spacing-none);
}

#main .imid-verification-banner {
    flex-direction: column;
    gap:var(--spacing-md);
    margin:var(--spacing-md);
}

#main .imid-verification-banner-titles {
    flex: 1;
}

#main .imid-verification-banner-titles + a,
#main .imid-verification-banner-titles + a * {
    width: 100%;
    text-align: center;
}

#inline-name-edit-component {
    width: 100%;
}

.user-verification-container.imid .l svg {
    margin-bottom:var(--spacing-xxs);
}

.user-verification-container.imid .l {
    font-size: var(--font-size-md);
    font-style: normal;
    font-weight: 500;
    line-height: var(--line-height-md);
    letter-spacing: -0.3px;
    margin-bottom:var(--spacing-md);
}

.fsec:has(.imid) > div:last-child {
    padding-top:var(--spacing-xxs);
}

.fsec:has(.imid)>.t {
    color: var(--gray-900);
    font-style: normal;
    font-weight: 700;
    line-height: var(--line-height-lg);
    letter-spacing: -0.34px;
}

.resume-edit .textareaWrapper {
    width: 100%;
}

.resume-edit form > *,
.resume-edit form > * > .frow {
    padding:var(--spacing-none) var(--spacing-none) var(--spacing-alt-xs);
}

.resume-edit .frow > .l {
    font-size: var(--font-size-xs);
    margin-top:var(--spacing-alt-xs);
}

.resume-edit .frow > .e textarea,
.resume-edit .frow > .e input {
    font-size: var(--font-size-sm);
}

.dmy-wrapper {
    width: 100%;
}

.resume-edit .fsec > .t,
.resume-edit .fsec .frow {
    padding-left:var(--spacing-none);
    padding-right:var(--spacing-none);
}

.resume-edit .frow .e:has(.err) {
    flex-direction: column;
    align-items: start;
}

.docupload > .i {
    margin-top:var(--spacing-alt-xs);
}

.fsec.new > .BoxComponent {
    margin-bottom:var(--spacing-alt-xs);
    margin-left:var(--spacing-md);
}

.fsec.new > .BoxComponent + * {
    padding-top:var(--spacing-none);
    padding-bottom:var(--spacing-none);
}

#upload-pic-info .ph {
    margin-top:var(--spacing-none);
}

#upload-pic-container {
    padding-top:var(--spacing-none);
    padding-bottom:var(--spacing-none);
}

.fsec.new > div:last-child {
    padding-top:var(--spacing-none);
}

.fsec.new {
    padding-right:var(--spacing-none);
}

.frow.new {
    margin-top:var(--spacing-3xl);
    padding-top:var(--spacing-none);
}

.post-ad-form .fsec.new .frow > .l {
    margin-top:var(--spacing-none);
}

.fsec.new > div:last-child > .frow:first-child {
    padding-top:var(--spacing-none);
}

.fsec.new.ver .description {
    margin-bottom:var(--spacing-lg);
}

.fsec.new > .d {
    padding: var(--spacing-none);
}

.postdlg .fsec > div:last-child {
    padding: var(--spacing-none);
}

.plogin.reg .email > form > .box,
.plogin .email > form > .box {
    max-width: 380px;
    margin:var(--spacing-none) auto var(--spacing-lg);
    padding:var(--spacing-none);
}

.plogin .error {
    padding:var(--spacing-none) var(--spacing-none) var(--spacing-lg);
    max-width: 380px;
    width: 100%;
    margin:auto;
}

.plogin input[type="submit"] {
    padding:var(--spacing-alt-sm) var(--spacing-none);
    max-width: 380px;
}

.plogin .box2 {
    padding:var(--spacing-none) var(--spacing-none) var(--spacing-lg);
}

/**
Todo need to clean this css - login page when error is shown
 */
#main:has(.plogin:not(.reg)) {
    min-height: 540px;
}

#main:has(.plogin:not(.reg)):has(#_idverification_number) {
    min-height: 600px;
}

#main:has(.plogin:not(.reg)):has(#_idverification_number):has(.err) {
    min-height: 645px;
}

#main:has(.plogin:not(.reg)):has(.error):has(:not(#_idverification_number)) {
    min-height: 710px;
}

#main:has(.plogin:not(.reg)):has(#_idverification_number):has(.error) {
    min-height: 820px;
}
#main:has(.plogin:not(.reg)):has(#_idverification_number):has(.error):has(.err) {
    min-height: 880px;
}

@media screen and (max-width: 330px) {
    #main:has(.plogin:not(.reg)):has(#_idverification_number) {
        min-height: 690px;
    }

    #main:has(.plogin:not(.reg)):has(.error) {
        min-height: 740px;
    }

    #main:has(.plogin:not(.reg)):has(.err) {
        min-height: 660px;
    }

    #main:has(.plogin:not(.reg)):has(#_idverification_number):has(.err) {
        min-height: 790px;
    }

    #main:has(.plogin:not(.reg)):has(#_idverification_number):has(.error) {
        min-height: 900px;
    }

    #main:has(.plogin:not(.reg)):has(#_idverification_number):has(.error):has(.err) {
        min-height: 910px;
    }
}
/**
Todo need to clean thixs css - login page when error is shown
 */

.not-account {
    position: unset;
}

.emp-info-description-container .textareaWrapper {
    width: 100%;
}

.add-phone-number-action-container {
    display: block;
}

.add-phone-number-action-container .country-phone-number-container,
.phone-landline-container {
    margin:var(--spacing-none) auto;
}

.add-phone-number-action-container .country-phone-number-container {
    max-width: unset;
}

.add-phone-number-action-container #submit_dlg_button {
    width: 100%;
    line-height: var(--line-height-sm);
    margin:var(--spacing-lg) auto var(--spacing-none);
    display: block;
}

.ui-dialog:has(.add-phone-number-action-container),
.ui-dialog:has(.contact-number-action-container),
.ui-dialog:has(.delete-contact-number-container) {
    padding:58px var(--spacing-lg) var(--spacing-lg);
}

.ui-dialog:has(.add-phone-number-action-container) .ui-dialog-titlebar,
.ui-dialog:has(.delete-contact-number-container) .ui-dialog-titlebar {
    height: unset;
}

.ui-dialog:has(.contact-number-action-container) .ui-dialog-titlebar,
.ui-dialog:has(.delete-contact-number-container) .ui-dialog-titlebar {
    margin-bottom:var(--spacing-sm);
    height: unset;
}

.ui-dialog:has(.add-phone-number-action-container) .ui-dialog-title,
.ui-dialog:has(.contact-number-action-container) .ui-dialog-title,
.ui-dialog:has(.delete-contact-number-container) .ui-dialog-title {
    font-size: var(--font-size-xl);
    line-height: var(--line-height-lg);
}

.ui-dialog:has(.add-phone-number-action-container) .ui-icon-closethick,
.ui-dialog:has(.code-verify-container) .ui-icon-closethick,
.ui-dialog:has(.contact-number-action-container) .ui-icon-closethick,
.ui-dialog:has(.delete-contact-number-container) .ui-icon-closethick {
    right: 4px;
    top: 24px;
}

.contact-number-action-container .contact-number,
.contact-number-action-container .contact-number-info,
.delete-contact-number-container .contact-number,
.delete-contact-number-container .contact-number-info {
    margin-top:var(--spacing-none);
}

.delete-contact-number-container .contact-number-info {
    margin-bottom:var(--spacing-sm);
}

.contact-number-action-container .buttons-container,
.delete-contact-number-container .buttons-container {
    display: flex;
}

.contact-number-action-container .buttons-container  input[type=button],
.delete-contact-number-container .buttons-container  input[type=button] {
    margin:var(--spacing-none);
    width: 100%;
}

.delete-contact-number-container .warning-text {
    margin-top:var(--spacing-sm);
    margin-bottom:var(--spacing-lg);
}

.code-verify-container .verify-code-with-phone-number {
    margin-bottom:var(--spacing-none);
    margin-top:var(--spacing-sm);
}

.code-verify-container .resend-new-code-container,
.code-verify-container .resend-timer-info-container {
    margin-top:var(--spacing-2xl);
}

.ui-dialog:has(.code-verify-container) .ui-dialog-titlebar {
    height: unset;
    margin-top:34px;
}

.add-phone-number-container .add-phone-number-info {
    margin-top:var(--spacing-sm);
    margin-bottom:var(--spacing-xl);
}

.checkoutPage .checkoutHeader {
    margin-bottom:var(--spacing-2xl);
    padding:var(--spacing-none) var(--spacing-md);
}

#buy-bundle-container .frow .e {
    gap:unset;
}

#buy-bundle-container .frow:has(.MultiLevelDropdownComponent),
#buy-bundle-container .frow:has(.DropdownComponent) {
    padding:var(--spacing-none) var(--spacing-md);
}

#buy-bundle-container .frow:has(.MultiLevelDropdownComponent) .e,
#buy-bundle-container .frow:has(.DropdownComponent) .e {
    flex-direction: column;
    align-items: flex-start;
}

.post-ad-form .fsec.new,
.post-ad-form .fsec:not(:last-child) {
    margin-bottom: var(--spacing-8xl);
}

.fsec.new .t {
    margin: var(--spacing-none);
    padding-bottom: var(--spacing-lg);
}

.post-ad-form .fsec > .t,
.post-ad-form .fsec.new > .t,
.post-edit-form .fsec > .t {
    padding: var(--spacing-none) var(--spacing-none) var(--spacing-lg) var(--spacing-none);
}

.fsec.new.ver .t {
    padding-bottom: var(--spacing-sm);
}

.frow2.stacked {
    margin: var(--spacing-none);
}

.post-ad-form div.c {
    padding: var(--spacing-none) var(--spacing-md);
}

.post-ad-form .fsec .frow {
    gap: var(--spacing-sm);
}

.post-ad-form .frow .l {
    margin: 0;
}

.post-ad-form .frow .l.asterisk {
    width: fit-content;
}

.post-ad-form .frow:has(.DropdownComponent .clr) .l.asterisk p {
    bottom: 0;
}

.post-ad-form .frow:not(:last-of-type),
#detailed-information .frow2.stacked {
    padding: var(--spacing-none) var(--spacing-none) var(--spacing-md);
    margin: var(--spacing-none) var(--spacing-none) var(--spacing-lg);
}

#detailed-information {
    margin-bottom: var(--spacing-8xl);
}

#upf {
    padding: var(--spacing-none) var(--spacing-md);
}

#upf .avatar-inline-edit-container > div:first-child {
    margin-right: 10px;
}

.post-location-title {
    margin-left: var(--spacing-md);
    margin-right: var(--spacing-md);
    margin-top: var(--spacing-alt-xs);
}

/* haeder height (65) + some space (10) */
#poi-map {
    top: -75px;
}

#pagecol .favorite-heart-container.dl {
    top: 0;
}

/* Remove mobile tap highlight square on/around the favorite heart */
#pagecol .favorite-heart-container,
#pagecol .favorite-heart-container .favorite-heart-icon,
#pagecol .gl a:has(.favorite-heart-container),
#pagecol .dl a:has(.favorite-heart-container) {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    user-select: none;
    outline: none;
}

#pagecol .favorite-heart-container:focus,
#pagecol .favorite-heart-container .favorite-heart-icon:focus {
    outline: none;
}

.category-location-container {
    flex-direction: column;
}

.category-location-container:has(.MultiLevelDropdownComponent:nth-child(2)) .MultiLevelDropdownComponent:first-child {
    margin-right: 0;
}

.category-location-container:has(.MultiLevelDropdownComponent:nth-child(2)) .MultiLevelDropdownComponent:last-child {
    margin-left: 0;
}

#secondary-header .become-seller-container {
    width: auto;
}