

/* Start:/local/templates/dghome/css/new/app.8.compatibility-ready-page.min.css?15637750153098*/
.page-content{font-size:16px}.page-content a,.page-content a:visited{color:#2fa07b}.page-content h1{margin:0 0 15px 0;border:0}.page-content-text{margin:0;font-size:16px}.page-content-text h2{border:0}.right-content{margin:0;padding:10px 10px 10px 0}.left-menu-wrapper,.left-menu{position:relative;z-index:1;margin-top:0;padding:10px 20px 10px 0;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}.left-menu{width:100%;float:none}.left-menu-wrapper span.menu-title{font-size:28px;display:block;margin:0 0 10px 0}.page-content .left-menu ul.section-menu,.page-content .left-menu2 ul.section-menu{border:0;border-right:1px solid #e9e9e9;padding:0}.page-content .left-menu a{font-size:16px}.page-content .left-menu ul.section-menu li,.page-content .left-menu2 ul.section-menu li{margin:0}.page-content .left-menu ul.section-menu li a,.page-content .left-menu2 ul.section-menu li a{padding:10px 0;margin:0;color:#444f57;display:block}.page-content .left-menu ul.section-menu li:hover a,.page-content .left-menu2 ul.section-menu li:hover a{text-decoration:none}.page-content .main__breadcrumbs a,.page-content .main__breadcrumbs a:visited{text-decoration:none;color:#444f57;font-size:14px}.right-content .main__breadcrumbs{margin:0 0 15px 0}.page-content h1{font-size:28px}@media(min-width:992px){.page-content .left-menu ul.section-menu li:hover,.page-content .left-menu2 ul.section-menu li:hover,.page-content .left-menu ul.section-menu li.active{margin:0;background:#fff;padding-left:10px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;border-left:5px solid #2fa07b}}@media(max-width:1280px){.left-menu-wrapper,.left-menu{padding:10px 10px 10px 0}}@media(max-width:992px){.page-content{padding:0}.open_sub_menu2 span.text-open{display:block}.open_sub_menu2 span.text-close{display:none}.open_sub_menu2.active span.text-open{display:none}.open_sub_menu2.active span.text-close{display:block}.open_sub_menu,.open_sub_menu2{text-decoration:none!important;border-radius:5px;background:#d1faed;border:0;text-align:center;font-weight:bold;color:#444f57!important;height:45px;padding-top:2px}.open_sub_menu.active,.open_sub_menu2.active{background-color:#2fa07b;color:#fff!important;border-radius:5px 5px 0 0}.left-menu.active,.left-menu2.active{padding:0 20px;border:1px solid #e1e1e1;border-radius:0 0 5px 5px}.left-menu-wrapper,.left-menu{padding:10px 0}.page-content .left-menu ul.section-menu,.page-content .left-menu2 ul.section-menu{border-right:0}.right-content{padding:15px 0 0 0;overflow:hidden}.right-content img{max-width:100%}.left-menu-wrapper span.menu-title{display:none}.page-content .left-menu ul.section-menu li a,.page-content .left-menu2 ul.section-menu li a{padding:15px 0 15px 0;margin:0;color:#444f57;display:block;border-top:1px solid #f1efef;text-align:center;text-decoration:none}.page-content .left-menu ul.section-menu li:first-child a,.page-content .left-menu2 ul.section-menu li:first-child a{border-top:0}.page-content h1{padding:0}}@media(max-width:768px){.page-content{padding:0 10px}}
/* End */


/* Start:/local/templates/dghome/css/new/app.8.compatibility-ready-page-full-width.min.css?156377501532*/
.page .width-wrapper{width:auto}
/* End */


/* Start:/local/components/dghome-new/delivery.regions/templates/.default/style.min.css?179071847711080*/
/* Страница «Доставка Регионы» (скрипт 1129).
   Всё под классом .dr, чтобы не задевать общий шаблон сайта. Шрифты PT Sans и PT Sans Narrow
   грузит шаблон сайта, своих файлов нет. Цвета — как на /sborka/ (скрипт 1091): кнопки темнее
   фирменного зелёного, чтобы белый текст читался.
   Главное на странице — «этикетка отправления» на крафтовой коробке: куда, как, срок, цена
   для города покупателя. */

.dr {
    --dr-ink: #26343a;          /* заголовки и значения этикетки */
    --dr-text: #444f57;         /* основной текст, как на сайте */
    --dr-muted: #5f6e74;        /* пояснения (контраст 5,3:1 на белом) */
    --dr-green: #30a07a;        /* фирменный зелёный: рамки, отметки */
    --dr-btn: #1f8261;          /* кнопки: белый текст читается (контраст 4,7:1) */
    --dr-btn-hover: #196b50;
    --dr-link: #1e7a5b;         /* ссылки в тексте (контраст 5,3:1) */
    --dr-mint: #d1faed;         /* мятный сайта: «ваш город» */
    --dr-sheet: #f3f6f5;        /* фон блоков */
    --dr-rule: #d6dfdc;         /* линии и рамки */
    --dr-kraft: #e6d5b6;        /* коробка под этикеткой */
    --dr-narrow: "PT Sans Narrow", "PT Sans", Arial, sans-serif;
    --dr-radius: 12px;

    font-family: "PT Sans", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: var(--dr-text);
    max-width: 760px;
    margin: 0 0 48px;
    -webkit-text-size-adjust: 100%;
}

.dr *, .dr *::before, .dr *::after { box-sizing: border-box; }
.dr a { color: var(--dr-link); }
.dr p { margin: 0 0 12px; }
.dr ul, .dr ol, .dr dl, .dr dd { margin: 0; padding: 0; }
.dr ul, .dr ol { list-style: none; }
.dr :focus-visible { outline: 3px solid var(--dr-green); outline-offset: 2px; border-radius: 6px; }

/* ---------- Первый экран ---------- */

.dr-hero { margin: 4px 0 16px; }
.dr .dr-h1 {
    font: 700 26px/1.15 "PT Sans", Arial, sans-serif;
    color: var(--dr-ink);
    letter-spacing: -0.01em;
    text-transform: none;
    margin: 0 0 10px;
}
.dr .dr-lead { margin: 0 0 14px; }

/* ---------- Этикетка на коробке ---------- */

.dr-box {
    background: var(--dr-kraft);
    border-radius: 14px;
    padding: 14px;
}
.dr-label {
    background: #fff;
    border-radius: 8px;
    padding: 12px 16px 6px;
    box-shadow: 0 1px 0 rgba(90, 65, 20, .08), 0 3px 10px rgba(90, 65, 20, .16);
    color: var(--dr-ink);
}
.dr-label__top {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    padding-bottom: 10px;
    border-bottom: 2px dashed var(--dr-rule);
}
.dr-label__brand {
    font: 700 13px/1 var(--dr-narrow);
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--dr-ink);
}
.dr-label__code { display: block; width: 72px; height: 22px; fill: var(--dr-ink); flex: none; }

.dr-label__row {
    display: grid;
    grid-template-columns: 58px 1fr;
    gap: 12px;
    padding: 11px 0;
    border-bottom: 1px dotted var(--dr-rule);
}
.dr-label__row:last-child { border-bottom: 0; }
.dr-label__row dt {
    font: 700 13px/20px var(--dr-narrow);
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--dr-muted);
    padding-top: 2px;
}
.dr-label__row dd { font-size: 16px; line-height: 1.4; color: var(--dr-ink); min-width: 0; }
.dr .dr-label__city { font-size: 20px; line-height: 1.2; }
.dr-label__sub { display: block; margin-top: 3px; font-size: 14px; line-height: 1.4; color: var(--dr-muted); }
.dr .dr-price { font-size: 22px; line-height: 1.2; font-variant-numeric: tabular-nums; }

/* Штамп «до двери» — главная обещанная вещь, поэтому он и выглядит как отметка на отправлении */
.dr-stamp {
    display: inline-block;
    margin: 1px 0 2px;
    padding: 3px 10px 2px;
    border: 2px solid var(--dr-btn);
    border-radius: 6px;
    box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px rgba(31, 130, 97, .55);
    font: 700 16px/1.2 var(--dr-narrow);
    text-transform: uppercase;
    letter-spacing: .12em;
    color: var(--dr-btn);
    transform: rotate(-3deg);
    transform-origin: left center;
}

.dr-tag {
    display: inline-block;
    vertical-align: 3px;
    margin-left: 4px;
    padding: 1px 8px;
    border: 1.5px solid var(--dr-green);
    border-radius: 999px;
    font: 700 12px/16px var(--dr-narrow);
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--dr-link);
    white-space: nowrap;
}
.dr-tag--solid { background: var(--dr-mint); border-color: var(--dr-mint); vertical-align: 2px; }

/* строчная кнопка: поля расширяют область касания до ~40 px, отрицательные отступы не двигают текст */
.dr .dr-link-btn {
    display: inline;
    margin: -10px -6px -10px 0;
    padding: 10px 6px;
    border: 0;
    background: none;
    font: inherit;
    font-size: 15px;
    color: var(--dr-link);
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-offset: 3px;
    cursor: pointer;
}
.dr .dr-link-btn:hover { text-decoration-style: solid; }
.dr .dr-link-btn--strong { margin: -10px 0; padding: 10px 0; font-size: 18px; font-weight: 700; }

/* ---------- Кнопки ---------- */

.dr-cta { display: flex; flex-wrap: wrap; gap: 10px; margin: 16px 0 0; }
/* на телефоне кнопки друг под другом во всю ширину: подпись не ломается на две строки */
.dr a.dr-btn {
    display: inline-flex; align-items: center; justify-content: center;
    flex: 1 1 100%;
    min-height: 48px;
    padding: 10px 20px;
    border: 2px solid var(--dr-btn);
    border-radius: 10px;
    background: var(--dr-btn);
    color: #fff;
    font: 700 16px/1.2 "PT Sans", Arial, sans-serif;
    text-decoration: none;
    text-align: center;
    transition: background-color .15s, border-color .15s, color .15s;
}
.dr a.dr-btn:hover { background: var(--dr-btn-hover); border-color: var(--dr-btn-hover); color: #fff; }
.dr a.dr-btn--ghost { background: #fff; color: var(--dr-btn); }
.dr a.dr-btn--ghost:hover { background: var(--dr-sheet); color: var(--dr-btn-hover); }

/* ---------- Разделы ---------- */

.dr-sec { margin-top: 36px; }
.dr .dr-h2 {
    font: 700 22px/1.2 "PT Sans", Arial, sans-serif;
    color: var(--dr-ink);
    text-transform: none;
    letter-spacing: 0;
    margin: 0 0 12px;
}

/* Шаги — настоящая последовательность, поэтому с номерами */
.dr-steps { counter-reset: dr-shag; }
.dr-steps > li {
    counter-increment: dr-shag;
    position: relative;
    padding: 12px 0 12px 44px;
    border-top: 1px solid var(--dr-rule);
    line-height: 1.45;
}
.dr-steps > li:first-child { border-top: 0; }
.dr-steps > li::before {
    content: counter(dr-shag);
    position: absolute; left: 0; top: 11px;
    width: 30px; height: 30px;
    display: flex; align-items: center; justify-content: center;
    border: 1.5px solid var(--dr-ink);
    border-radius: 6px;
    font: 700 16px/1 var(--dr-narrow);
    color: var(--dr-ink);
}
.dr-steps b { color: var(--dr-ink); }

.dr-guarantee {
    background: var(--dr-sheet);
    border-radius: var(--dr-radius);
    padding: 18px 16px 8px;
    border-left: 4px solid var(--dr-green);
}
.dr-guarantee .dr-steps > li { border-top-color: #e2e9e7; }
.dr-guarantee .dr-steps > li::before { background: #fff; }

/* ---------- Зоны ---------- */

/* minmax(0, 1fr): длинный список городов не раздувает колонку шире экрана */
.dr-zones { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
.dr-zone {
    min-width: 0;
    border: 1px solid var(--dr-rule);
    border-radius: var(--dr-radius);
    padding: 14px 16px 16px;
    background: #fff;
}
.dr-zone--vasha { border-color: var(--dr-green); box-shadow: inset 0 0 0 1px var(--dr-green); }
.dr-zone__head {
    display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between;
    gap: 2px 12px;
    margin-bottom: 8px;
}
.dr .dr-zone__name {
    margin: 0;
    font: 700 18px/1.2 var(--dr-narrow);
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--dr-ink);
}
.dr .dr-zone__terms { margin: 0; font-size: 16px; font-variant-numeric: tabular-nums; }
.dr-zone__terms b { font-size: 18px; color: var(--dr-ink); }
.dr .dr-zone__regions { margin: 0 0 6px; font-size: 15px; font-weight: 700; color: var(--dr-ink); }
.dr-cities { font-size: 15px; line-height: 1.75; }
.dr-cities > li { display: inline; }
/* разделитель с пробелом — место переноса строки, даже если между пунктами в разметке нет пробела */
.dr-cities > li:not(:last-child)::after { content: ", "; }
.dr-cities__vash { background: var(--dr-mint); border-radius: 4px; padding: 1px 4px; font-weight: 700; color: var(--dr-ink); }
.dr-cities__region { color: var(--dr-muted); }

/* ---------- Прочие города ---------- */

.dr-list > li { position: relative; padding: 7px 0 7px 22px; line-height: 1.45; }
.dr-list > li::before {
    content: "";
    position: absolute; left: 2px; top: 15px;
    width: 8px; height: 8px;
    border-radius: 2px;
    background: var(--dr-green);
}

.dr-cta--single { margin-top: 18px; }

/* ---------- Ещё об условиях ---------- */

.dr-more { display: flex; flex-wrap: wrap; gap: 8px; }
.dr .dr-more a {
    display: inline-block;
    padding: 8px 14px;
    border: 1px solid var(--dr-rule);
    border-radius: 999px;
    background: #fff;
    font-size: 15px;
    line-height: 22px;
    color: var(--dr-ink);
    text-decoration: none;
}
.dr .dr-more a:hover { border-color: var(--dr-green); color: var(--dr-link); }

/* ---------- Контакты ---------- */

.dr-contacts {
    border-top: 1px solid var(--dr-rule);
    padding-top: 24px;
}
.dr-contacts__time { white-space: nowrap; }
.dr-contacts__time b, .dr-contacts__time strong { font-weight: 700; }

/* ---------- Шире телефона ---------- */

@media (min-width: 480px) {
    .dr a.dr-btn { flex: 1 1 auto; }
}

@media (min-width: 768px) {
    .dr .dr-h1 { font-size: 32px; }
    .dr-box { padding: 20px; }
    .dr-label { padding: 14px 22px 8px; }
    .dr-label__row { grid-template-columns: 84px 1fr; gap: 16px; }
    .dr-label__code { width: 96px; }
    .dr-zones { grid-template-columns: 1fr 1fr; }
    .dr a.dr-btn { flex: 0 0 auto; }
    .dr-guarantee { padding: 22px 24px 10px; }
}

@media (prefers-reduced-motion: reduce) {
    .dr a.dr-btn { transition: none; }
}

/* End */
/* /local/templates/dghome/css/new/app.8.compatibility-ready-page.min.css?15637750153098 */
/* /local/templates/dghome/css/new/app.8.compatibility-ready-page-full-width.min.css?156377501532 */
/* /local/components/dghome-new/delivery.regions/templates/.default/style.min.css?179071847711080 */
