/* ========================================================================
   DROP LIST — SHAIYA ADDICTED
   Подключать ПОСЛЕ основного main.css
   ======================================================================== */

body:has(.droplist-page)
.column-left
.content-bg
> .content-header {
    display: none !important;
}

body:has(.droplist-page)
.column-left
.content-bg {
    padding-top: 1px !important;
}

.droplist-page {
    padding: 18px 20px 28px;
}

.droplist-page,
.droplist-page * {
    box-sizing: border-box;
}


/* ------------------------------------------------------------------------
   HERO
   ------------------------------------------------------------------------ */

.droplist-hero {
    position: relative;

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

    gap: 24px;

    margin-bottom: 18px;
    padding: 24px 25px;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 92% 12%,
            rgba(208,198,150,.075),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            rgba(20,25,29,.98),
            rgba(11,15,18,.99)
        );

    border: 1px solid rgba(208,198,150,.13);
    border-radius: 5px;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.018),
        0 14px 34px rgba(0,0,0,.13);
}

.droplist-hero::before {
    content: "";

    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;

    width: 3px;

    background:
        linear-gradient(
            180deg,
            #d5c889,
            rgba(166,149,89,.34),
            transparent
        );
}

.droplist-hero__content {
    min-width: 0;
    max-width: 610px;
}

.droplist-hero__eyebrow,
.droplist-toolbar-head__eyebrow,
.droplist-search-head__eyebrow,
.droplist-location-head__eyebrow {
    margin-bottom: 6px;

    color: #cfc28b;

    font-size: 10px;
    line-height: 14px;
    font-weight: 700;

    letter-spacing: 1px;
    text-transform: uppercase;
}

.droplist-hero__title {
    margin: 0;

    color: #f0f2f3;

    font-size: 31px;
    line-height: 37px;
    font-weight: 700;

    letter-spacing: -.35px;
}

.droplist-hero__description {
    max-width: 590px;

    margin: 9px 0 0;

    color: #949ea6;

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

.droplist-hero__actions {
    display: flex;
    align-items: stretch;

    flex: 0 0 auto;

    overflow: hidden;

    border: 1px solid rgba(255,255,255,.055);
    border-radius: 4px;
}

.droplist-balance {
    display: flex;
    flex-direction: column;
    justify-content: center;

    min-width: 145px;
    min-height: 62px;

    padding: 10px 15px;

    background: rgba(8,11,13,.78);
}

.droplist-balance__label {
    color: #66717a;

    font-size: 9px;
    line-height: 12px;

    letter-spacing: .45px;
    text-transform: uppercase;
}

.droplist-balance__value {
    margin-top: 4px;

    color: #e4d89e;

    font-size: 18px;
    line-height: 22px;
}

.droplist-buy {
    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 105px;
    min-height: 62px;

    padding: 0 14px;

    color: #1b1c17 !important;

    background:
        linear-gradient(
            180deg,
            #ddd39a,
            #c5b874
        );

    font-size: 10px;
    font-weight: 700;

    text-decoration: none !important;

    transition:
        filter .15s ease,
        transform .15s ease;
}

.droplist-buy:hover {
    filter: brightness(1.07);
}


/* ------------------------------------------------------------------------
   MAIN WRAPPER
   ------------------------------------------------------------------------ */

.droplist-wrapper {
    margin: 0;
    padding: 18px;

    background:
        linear-gradient(
            180deg,
            rgba(14,18,21,.91),
            rgba(9,12,15,.94)
        );

    border: 1px solid rgba(255,255,255,.055);
    border-radius: 5px;

    box-shadow:
        0 10px 28px rgba(0,0,0,.11),
        inset 0 1px 0 rgba(255,255,255,.015);
}


/* ------------------------------------------------------------------------
   TOOLBAR / LOCATIONS
   ------------------------------------------------------------------------ */

.droplist-toolbar-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 24px;

    margin-bottom: 12px;
}

.droplist-toolbar-head__title,
.droplist-search-head__title {
    margin: 0;

    color: #e9ecee;

    font-size: 20px;
    line-height: 25px;
    font-weight: 700;
}

.droplist-toolbar-head > p {
    max-width: 390px;

    margin: 0;

    color: #727d85;

    font-size: 11px;
    line-height: 16px;

    text-align: right;
}

.droplist-maps {
    display: flex;
    flex-wrap: wrap;

    gap: 6px;

    margin: 0 0 18px;
    padding: 0;
}

.droplist-map {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 34px;

    margin: 0 !important;
    padding: 0 12px !important;

    color: #89939c !important;

    background:
        rgba(11,15,18,.78) !important;

    border:
        1px solid
        rgba(255,255,255,.065) !important;

    border-radius: 4px !important;

    font-size: 10px !important;
    line-height: 32px !important;
    font-weight: 600;

    text-decoration: none !important;

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

.droplist-map:hover {
    color: #e0d7ad !important;

    background:
        rgba(208,198,150,.055) !important;

    border-color:
        rgba(208,198,150,.16) !important;

    transform: translateY(-1px);
}

.droplist-map.active {
    color: #eee2aa !important;

    background:
        linear-gradient(
            180deg,
            rgba(111,101,60,.28),
            rgba(77,70,42,.18)
        ) !important;

    border-color:
        rgba(208,198,150,.27) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025),
        0 4px 12px rgba(0,0,0,.11);
}


/* ------------------------------------------------------------------------
   SEARCH
   ------------------------------------------------------------------------ */

.droplist-search-head {
    margin-top: 4px;
    margin-bottom: 9px;
}

.droplist-search {
    margin: 0 0 17px !important;
}

.droplist-search-box {
    position: relative;

    width: 100%;
}

.droplist-search-input {
    display: block;

    width: 100%;
    height: 44px;

    margin: 0 !important;
    padding: 0 44px 0 15px !important;

    color: #d9dee3 !important;

    background:
        linear-gradient(
            180deg,
            rgba(13, 17, 20, 0.98),
            rgba(8, 12, 15, 0.98)
        ) !important;

    border:
        1px solid
        rgba(255, 255, 255, 0.07) !important;

    border-radius: 4px !important;

    outline: none !important;

    font-size: 12px !important;
    line-height: 42px !important;

    box-shadow:
        inset 0 1px 2px rgba(0, 0, 0, 0.28),
        0 1px 0 rgba(255, 255, 255, 0.01);

    transition:
        border-color .18s ease,
        background .18s ease,
        box-shadow .18s ease;
}


.droplist-search-input::placeholder {
    color: #68747d !important;
    opacity: 1;
}


.droplist-search-input:hover {
    border-color:
        rgba(208, 198, 150, 0.14) !important;
}


.droplist-search-input:focus {
    color: #eef1f3 !important;

    background:
        linear-gradient(
            180deg,
            rgba(15, 19, 22, 1),
            rgba(9, 13, 16, 1)
        ) !important;

    border-color:
        rgba(208, 198, 150, 0.35) !important;

    box-shadow:
        0 0 0 2px rgba(208, 198, 150, 0.04),
        inset 0 1px 2px rgba(0, 0, 0, 0.3);
}

.droplist-search-clear {
    position: absolute;

    right: 9px;
    top: 50%;

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

    width: 26px;
    height: 26px;

    margin: 0;
    padding: 0;

    color: #737d86;

    background: transparent;

    border: 0;
    border-radius: 3px;

    font-size: 18px;
    line-height: 1;

    transform: translateY(-50%);

    cursor: pointer;

    transition:
        color .15s ease,
        background .15s ease;
}

.droplist-search-clear:hover {
    color: #e6dab0;

    background:
        rgba(208,198,150,.07);
}

.droplist-search-status {
    min-height: 16px;

    margin-top: 5px;

    color: #6f7982;

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


/* ------------------------------------------------------------------------
   SELECTED LOCATION
   ------------------------------------------------------------------------ */

.droplist-location {
    margin-top: 4px;
}

.droplist-location-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    gap: 18px;

    margin: 4px 0 11px;
    padding: 14px 15px;

    background:
        linear-gradient(
            90deg,
            rgba(208,198,150,.035),
            rgba(255,255,255,.005)
        );

    border:
        1px solid
        rgba(208,198,150,.09);

    border-left:
        3px solid
        rgba(208,198,150,.52);

    border-radius: 4px;
}

.droplist-location-name {
    margin: 0 !important;
    padding: 0 !important;

    color: #ece4bc !important;

    background: none !important;

    border: 0 !important;

    font-size: 19px !important;
    line-height: 24px !important;
    font-weight: 700 !important;
}

.droplist-location-head__hint {
    color: #68737b;

    font-size: 10px;
    line-height: 15px;

    text-align: right;
}


/* ------------------------------------------------------------------------
   DROP SECTIONS
   ------------------------------------------------------------------------ */

.droplist-section {
    margin: 0 0 7px !important;

    overflow: hidden;

    background:
        rgba(9,13,16,.62) !important;

    border:
        1px solid
        rgba(255,255,255,.055) !important;

    border-radius: 4px !important;
}

.droplist-section--boss {
    border-color:
        rgba(208,198,150,.085) !important;
}

.droplist-section-name {
    min-height: 43px;

    padding: 0 14px !important;

    color: #b7c0c6 !important;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.018),
            rgba(255,255,255,.004)
        ) !important;

    border: 0 !important;

    font-size: 11px !important;
    line-height: 16px !important;
    font-weight: 700 !important;

    letter-spacing: .3px;

    transition:
        color .15s ease,
        background .15s ease;
}

.droplist-section-name:hover {
    color: #e5dbab !important;

    background:
        rgba(208,198,150,.035) !important;
}

.droplist-toggle-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 24px;
    height: 24px;

    color: #847c5a;

    background:
        rgba(208,198,150,.03);

    border:
        1px solid
        rgba(208,198,150,.07);

    border-radius: 3px;

    font-size: 9px;
}

.droplist-section-content {
    border-top:
        1px solid
        rgba(255,255,255,.045);
}


/* ------------------------------------------------------------------------
   ITEMS
   ------------------------------------------------------------------------ */

.droplist-item {
    display: grid !important;
    grid-template-columns:
        minmax(0, 1fr)
        52px
        94px;

    align-items: center;

    min-height: 56px;

    margin: 0 !important;
    padding: 6px 12px !important;

    background:
        rgba(8,11,14,.28) !important;

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

    transition:
        background .15s ease;
}

.droplist-item:last-child {
    border-bottom: 0 !important;
}

.droplist-item:hover {
    background:
        rgba(208,198,150,.028) !important;
}

.droplist-item-name {
    min-width: 0;

    color: #c7cdd1 !important;

    font-size: 12px !important;
    line-height: 17px !important;
    font-weight: 600;
}

.droplist-item-icon-cell {
    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 52px !important;
}

.droplist-item-icon {
    display: block;

    width: 34px !important;
    height: 34px !important;

    object-fit: cover;

    border:
        1px solid
        rgba(208,198,150,.10) !important;

    border-radius: 4px !important;

    box-shadow:
        0 3px 10px rgba(0,0,0,.18);

    cursor: help;

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

.droplist-item-icon:hover {
    transform: scale(1.07);

    border-color:
        rgba(208,198,150,.28) !important;
}

.droplist-item-rate {
    color: #d4c885 !important;

    font-size: 11px !important;
    line-height: 16px !important;
    font-weight: 700;

    text-align: right !important;
}


/* ------------------------------------------------------------------------
   GLOBAL SEARCH RESULTS
   ------------------------------------------------------------------------ */

.droplist-global-search-results {
    margin-top: 2px;
}

.droplist-global-search-title {
    margin-bottom: 8px;

    color: #e8ebed;

    font-size: 15px;
    line-height: 20px;
    font-weight: 700;
}

.droplist-global-search-list {
    overflow: hidden;

    border:
        1px solid
        rgba(255,255,255,.055);

    border-radius: 4px;
}

.droplist-global-search-item {
    grid-template-columns:
        minmax(0, 1fr)
        52px
        94px !important;
}

.droplist-global-search-info {
    min-width: 0;
}

.droplist-global-search-meta {
    display: flex;
    flex-wrap: wrap;

    gap: 5px;

    margin-top: 3px;

    color: #6f7981;

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

.droplist-global-search-map {
    color: #aaa174 !important;

    text-decoration: none !important;
}

.droplist-global-search-map:hover {
    color: #dfd29a !important;
}

.droplist-global-search-dot {
    color: #4f575d;
}


/* ------------------------------------------------------------------------
   EMPTY
   ------------------------------------------------------------------------ */

.droplist-empty {
    margin: 8px 0 0 !important;
    padding: 30px 18px !important;

    color: #737e86 !important;

    background:
        rgba(9,13,16,.48) !important;

    border:
        1px dashed
        rgba(255,255,255,.06) !important;

    border-radius: 4px !important;

    font-size: 12px !important;
    line-height: 18px !important;

    text-align: center;
}


/* ------------------------------------------------------------------------
   KEEP EXISTING TOOLTIP LOGIC / APPEARANCE
   ------------------------------------------------------------------------ */

.droplist-page #droplist-tooltip {
    z-index: 9999999;
}


/* ------------------------------------------------------------------------
   SMALLER WIDTHS
   ------------------------------------------------------------------------ */

@media (max-width: 1250px) {

    .droplist-hero {
        gap: 18px;
    }

    .droplist-hero__title {
        font-size: 27px;
        line-height: 33px;
    }

    .droplist-hero__actions {
        flex-direction: column;
    }

    .droplist-balance,
    .droplist-buy {
        min-width: 130px;
        min-height: 48px;
    }

    .droplist-toolbar-head {
        align-items: flex-start;
        flex-direction: column;

        gap: 6px;
    }

    .droplist-toolbar-head > p {
        max-width: none;

        text-align: left;
    }

}
.droplist-page input.droplist-search-input {
    background-color: #0b0f12 !important;
    background-image:
        linear-gradient(
            180deg,
            #0f1316,
            #090d10
        ) !important;
}
/* ==============================================================
   DROP LIST SEARCH — ПЕРЕБИВАЕМ ГЛОБАЛЬНЫЙ INPUT
   ============================================================== */

.droplist-page #droplist-search-input {
    background: #0b0f12 !important;
    background-image:
        linear-gradient(
            180deg,
            #0f1316 0%,
            #090d10 100%
        ) !important;

    border: 1px solid rgba(255, 255, 255, .07) !important;

    color: #d9dee3 !important;

    -webkit-box-shadow:
        inset 0 0 0 1000px #0b0f12 !important;

    box-shadow:
        inset 0 1px 2px rgba(0, 0, 0, .35) !important;

    -webkit-text-fill-color: #d9dee3 !important;
}


.droplist-page #droplist-search-input:hover {
    border-color: rgba(208, 198, 150, .16) !important;
}


.droplist-page #droplist-search-input:focus {
    background: #0d1114 !important;

    background-image:
        linear-gradient(
            180deg,
            #111619 0%,
            #0a0e11 100%
        ) !important;

    border-color: rgba(208, 198, 150, .38) !important;

    -webkit-box-shadow:
        inset 0 0 0 1000px #0d1114 !important;

    box-shadow:
        0 0 0 2px rgba(208, 198, 150, .045),
        inset 0 1px 2px rgba(0, 0, 0, .35) !important;
}


.droplist-page #droplist-search-input::placeholder {
    color: #68747d !important;
    -webkit-text-fill-color: #68747d !important;
    opacity: 1;
}