/*
 * Страница «Пункты выдачи»: карта с кластерами и список адресов.
 * Палитра общая с шапкой — бронза на кремовом.
 */

.pv-page{
    --pv-accent: #ed7c23;
    --pv-accent-dark: #c96a19;
    --pv-text: #2B2620;
    --pv-muted: #5A5148;
    --pv-cream: #F6F1E8;
    --pv-border: #E6DDCE;

    padding: 40px 0 70px;
}

.pv-head{ margin-bottom: 26px; }
.pv-title{ margin: 0 0 10px; }
.pv-lead{ max-width: 760px; margin: 0 0 18px; color: var(--pv-muted); }

.pv-city{ display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.pv-city label{ font-weight: 500; color: var(--pv-text); }
.pv-city select{
    min-width: 260px;
    padding: 9px 12px;
    border: 1px solid var(--pv-border);
    border-radius: 3px;
    background: #fff;
    font: inherit;
    font-size: 15px;
    color: var(--pv-text);
}
.pv-city select:focus{ outline: none; border-color: var(--pv-accent); }

.pv-map-wrap{ margin-bottom: 26px; }
#pv-map{
    height: 520px;
    border-radius: 10px;
    border: 1px solid var(--pv-border);
    background: var(--pv-cream);
}
.pv-noscript{ margin-top: 10px; color: var(--pv-muted); }

/* Метка кластера в палитре сайта: у плагина она по умолчанию салатовая. */
.marker-cluster-small div,
.marker-cluster-medium div,
.marker-cluster-large div{
    background: var(--pv-accent);
    color: #fff;
    font-weight: 500;
}
.marker-cluster-small,
.marker-cluster-medium,
.marker-cluster-large{ background: rgba(237,124,35,.25); }

.pv-search{ display: block; max-width: 460px; margin: 0 0 16px; }
.pv-search input{
    width: 100%;
    padding: 11px 14px;
    border: 1px solid var(--pv-border);
    border-radius: 3px;
    font: inherit;
    font-size: 15px;
}
.pv-search input:focus{ outline: none; border-color: var(--pv-accent); }

.pv-list{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 24px;
    max-height: 420px;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    list-style: none;
    counter-reset: none;
}
.pv-item{ border-bottom: 1px solid var(--pv-border); }
.pv-item[hidden]{ display: none; }
.pv-item-btn{
    display: block;
    width: 100%;
    padding: 11px 0;
    border: 0;
    background: none;
    font: inherit;
    font-size: 15px;
    line-height: 1.35;
    text-align: left;
    color: var(--pv-muted);
    cursor: pointer;
}
.pv-item-btn:hover{ color: var(--pv-accent); }
.pv-item.is-active .pv-item-btn{ color: var(--pv-accent); font-weight: 500; }

.pv-more{ margin: 14px 0 0; color: var(--pv-muted); font-size: 14px; }

.pv-cities{ margin-top: 46px; }
.pv-cities h2{ font-size: 22px; margin: 0 0 16px; }
.pv-cities ul{
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 2px 20px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.pv-cities a{
    display: flex;
    justify-content: space-between;
    gap: 8px;
    padding: 5px 0;
    font-size: 14px;
    color: var(--pv-muted);
}
.pv-cities a:hover{ color: var(--pv-accent); }
.pv-cities a span{ color: #A79C8D; }

@media (max-width: 991px){
    .pv-list{ grid-template-columns: 1fr; }
    .pv-cities ul{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
    #pv-map{ height: 420px; }
}

@media (max-width: 575px){
    .pv-cities ul{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #pv-map{ height: 340px; }
    .pv-city select{ min-width: 0; width: 100%; }
}