/* Start:/local/templates/.default/components/bitrix/breadcrumb/breadcrumb/style.min.css?1750782210467*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */


/* Start:/local/templates/.default/components/bitrix/news.list/delivery_pickup_v2/style.css?17870639293541*/
/* Карточки верхнего блока страницы «Доставка и оплата» — по макету
   (Figma 9444:53639): две колонки 580 и 820 при контейнере 1420, зазор 20px;
   карточки белые, радиус 8, тень мягкая; заголовки капслоком цветом #064A69. */

.dlv-cards {
    display: grid;
    grid-template-columns: 580fr 820fr;
    gap: 20px;
    align-items: start;
    margin-top: 30px;
}

.dlv-cards__col {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

@media (max-width: 992px) {
    .dlv-cards { grid-template-columns: 1fr; }
}

.dlv-card {
    background: #fff;
    border: 1px solid #e7edf2;
    border-radius: 8px;
    padding: 20px;
}

.dlv-card__title {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 20px;
    line-height: 125%;
    text-transform: uppercase;
    color: #064a69;
    margin-bottom: 16px;
}

/* текст карточек приходит из инфоблока со своими классами,
   поэтому типографику задаём через вложенные селекторы */
.dlv-card__body p {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #1b1b1b;
    margin: 0 0 12px;
}

.dlv-card__body p:last-child { margin-bottom: 0; }

.dlv-card__body p.bold,
.dlv-card__body .bold { font-weight: 600; }

/* В макете первая строка карточки «Доставка в регионы» набрана полужирным,
   но в тексте элемента инфоблока разметки нет. Задаём стилем: элемент общий
   для всех 16 городов, править его контент на боевом ради начертания нельзя. */
.dlv-card--regions .dlv-card__body p:first-child { font-weight: 600; }

/* Иконки адреса и телефона.
   В обоих SVG светлый кружок нарисован ВНУТРИ файла, поэтому здесь только
   размер — 24x24, как в макете. Своя подложка с padding недопустима: она
   ужимает сам знак вдвое, и иконка выглядит мелкой. */
.dlv-card__ico,
.dlv-card__body a img {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
}

.dlv-card__ico {
    margin-right: 10px;
    vertical-align: middle;
}

/* телефоны: ссылка с иконкой, каждая с новой строки, как в макете */
.dlv-card__body a {
    display: flex;
    width: -webkit-fit-content;
    width: fit-content;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    color: #1b1b1b;
    text-decoration: none;
    margin-bottom: 10px;
}

.dlv-card__body a:last-child { margin-bottom: 0; }

/* плашки с режимом работы склада */
.dlv-card__body .b-product__s2__tabs__delivery__jobs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 12px;
}

.dlv-card__body .b-product__s2__tabs__delivery__jobs__item {
    margin: 0;
    padding: 8px 18px;
    border-radius: 6px;
    background: #5cb531;
    color: #fff;
    font-size: 14px;
    line-height: 130%;
    text-align: center;
    font-weight: 600;
}

@media (max-width: 768px) {
    .dlv-card { padding: 16px; }
    .dlv-card__title { font-size: 18px; }
    .dlv-card__body p { font-size: 15px; }
}

/* End */


/* Start:/local/templates/.default/components/bitrix/news.list/delivery_regions_v2/style.css?17870639293541*/
/* Карточки верхнего блока страницы «Доставка и оплата» — по макету
   (Figma 9444:53639): две колонки 580 и 820 при контейнере 1420, зазор 20px;
   карточки белые, радиус 8, тень мягкая; заголовки капслоком цветом #064A69. */

.dlv-cards {
    display: grid;
    grid-template-columns: 580fr 820fr;
    gap: 20px;
    align-items: start;
    margin-top: 30px;
}

.dlv-cards__col {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

@media (max-width: 992px) {
    .dlv-cards { grid-template-columns: 1fr; }
}

.dlv-card {
    background: #fff;
    border: 1px solid #e7edf2;
    border-radius: 8px;
    padding: 20px;
}

.dlv-card__title {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 20px;
    line-height: 125%;
    text-transform: uppercase;
    color: #064a69;
    margin-bottom: 16px;
}

/* текст карточек приходит из инфоблока со своими классами,
   поэтому типографику задаём через вложенные селекторы */
.dlv-card__body p {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #1b1b1b;
    margin: 0 0 12px;
}

.dlv-card__body p:last-child { margin-bottom: 0; }

.dlv-card__body p.bold,
.dlv-card__body .bold { font-weight: 600; }

/* В макете первая строка карточки «Доставка в регионы» набрана полужирным,
   но в тексте элемента инфоблока разметки нет. Задаём стилем: элемент общий
   для всех 16 городов, править его контент на боевом ради начертания нельзя. */
.dlv-card--regions .dlv-card__body p:first-child { font-weight: 600; }

/* Иконки адреса и телефона.
   В обоих SVG светлый кружок нарисован ВНУТРИ файла, поэтому здесь только
   размер — 24x24, как в макете. Своя подложка с padding недопустима: она
   ужимает сам знак вдвое, и иконка выглядит мелкой. */
.dlv-card__ico,
.dlv-card__body a img {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
}

.dlv-card__ico {
    margin-right: 10px;
    vertical-align: middle;
}

/* телефоны: ссылка с иконкой, каждая с новой строки, как в макете */
.dlv-card__body a {
    display: flex;
    width: -webkit-fit-content;
    width: fit-content;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    color: #1b1b1b;
    text-decoration: none;
    margin-bottom: 10px;
}

.dlv-card__body a:last-child { margin-bottom: 0; }

/* плашки с режимом работы склада */
.dlv-card__body .b-product__s2__tabs__delivery__jobs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 12px;
}

.dlv-card__body .b-product__s2__tabs__delivery__jobs__item {
    margin: 0;
    padding: 8px 18px;
    border-radius: 6px;
    background: #5cb531;
    color: #fff;
    font-size: 14px;
    line-height: 130%;
    text-align: center;
    font-weight: 600;
}

@media (max-width: 768px) {
    .dlv-card { padding: 16px; }
    .dlv-card__title { font-size: 18px; }
    .dlv-card__body p { font-size: 15px; }
}

/* End */


/* Start:/local/templates/.default/components/bitrix/news.list/delivery_terms/style.css?17870618932203*/
/* Блок «Условия доставки» — по макету Figma 9444:53639.
   Заголовок секции капслоком цветом #064A69, под ним две светло-серые
   карточки с залитыми иконками. Отступ сверху 40px — в макете блок отбит
   от карточек доставки, а не приклеен к ним. */

.dlv-terms-section {
    margin-top: 40px;
}

.dlv-terms-section__title {
    margin: 0 0 20px;
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 20px;
    line-height: 125%;
    text-transform: uppercase;
    color: #064a69;
}

.dlv-terms {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.dlv-terms__item {
    background: #f5f7fb;
    border-radius: 8px;
    padding: 20px 24px;
}

.dlv-terms__head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}

.dlv-terms__icon {
    display: flex;
    flex-shrink: 0;
    width: 26px;
    height: 26px;
}

.dlv-terms__name {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 18px;
    line-height: 130%;
    color: #064a69;
}

.dlv-terms__text p {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #1b1b1b;
    margin: 0 0 14px;
}

.dlv-terms__text p:last-child { margin-bottom: 0; }

@media (max-width: 768px) {
    .dlv-terms-section { margin-top: 30px; }
    .dlv-terms__item { padding: 16px; }
    .dlv-terms__name { font-size: 16px; }
    .dlv-terms__text p { font-size: 15px; }
}

/* --- текст под способами оплаты ---
   в макете он вынесен ИЗ белой карточки с иконками и идёт под ней */

.dlv-paytext {
    margin-top: 24px;
}

.dlv-paytext p {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #1b1b1b;
    margin: 0 0 8px;
}

.dlv-paytext p:first-child {
    font-weight: 600;
    margin-bottom: 16px;
}

.dlv-paytext p:last-child { margin-bottom: 0; }

@media (max-width: 768px) {
    .dlv-paytext p { font-size: 15px; }
}

/* End */


/* Start:/local/templates/.default/components/bitrix/news.list/delivery_pay_text/style.css?17870618932203*/
/* Блок «Условия доставки» — по макету Figma 9444:53639.
   Заголовок секции капслоком цветом #064A69, под ним две светло-серые
   карточки с залитыми иконками. Отступ сверху 40px — в макете блок отбит
   от карточек доставки, а не приклеен к ним. */

.dlv-terms-section {
    margin-top: 40px;
}

.dlv-terms-section__title {
    margin: 0 0 20px;
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 20px;
    line-height: 125%;
    text-transform: uppercase;
    color: #064a69;
}

.dlv-terms {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.dlv-terms__item {
    background: #f5f7fb;
    border-radius: 8px;
    padding: 20px 24px;
}

.dlv-terms__head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}

.dlv-terms__icon {
    display: flex;
    flex-shrink: 0;
    width: 26px;
    height: 26px;
}

.dlv-terms__name {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 18px;
    line-height: 130%;
    color: #064a69;
}

.dlv-terms__text p {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #1b1b1b;
    margin: 0 0 14px;
}

.dlv-terms__text p:last-child { margin-bottom: 0; }

@media (max-width: 768px) {
    .dlv-terms-section { margin-top: 30px; }
    .dlv-terms__item { padding: 16px; }
    .dlv-terms__name { font-size: 16px; }
    .dlv-terms__text p { font-size: 15px; }
}

/* --- текст под способами оплаты ---
   в макете он вынесен ИЗ белой карточки с иконками и идёт под ней */

.dlv-paytext {
    margin-top: 24px;
}

.dlv-paytext p {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #1b1b1b;
    margin: 0 0 8px;
}

.dlv-paytext p:first-child {
    font-weight: 600;
    margin-bottom: 16px;
}

.dlv-paytext p:last-child { margin-bottom: 0; }

@media (max-width: 768px) {
    .dlv-paytext p { font-size: 15px; }
}

/* End */


/* Start:/local/templates/.default/components/bitrix/news.list/delivery_faq/style.css?17870621105814*/
/* Стили блока FAQ на странице «Доставка и оплата».
   Перенесены один в один из существующего блока FAQ каталога
   (section_vertical.php, секция «место под faq»), чтобы вид совпадал с макетом
   и со страницами каталога. Когда по сайту сделают единый стиль FAQ — этот
   файл и инлайновые стили в каталоге нужно будет заменить общими. */

.faq.delivery-faq {
    margin-top: 30px;
    margin-bottom: 80px;
}

.faq__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 0.5fr;
    grid-template-columns: 1fr 0.5fr;
    gap: clamp(20px, 2.5vw, 40px);
    align-items: start;
}

@media (max-width: 992px) {
    .faq__wrapper {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.faq__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
}

.faq__item {
    border-radius: 8px;
    padding: 14px 20px;
    background: var(--seryy);
    cursor: pointer;
}

/* клик должен приходить на саму карточку, а не на её содержимое —
   на этом построен обработчик аккордеона */
.faq__item > * {
    pointer-events: none;
}

.faq__item .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

/* вопрос — заголовок h3, поэтому сбрасываем отступы и наследуем типографику блока */
.faq__item .title {
    margin: 0;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: clamp(16px, 2.5vw, 20px);
    line-height: 130%;
    color: var(--chernyy);
}

.faq__item .toggler {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 100px;
    background: var(--siniy);
    display: block;
    position: relative;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}

.faq__item svg {
    position: absolute;
    top: 9px;
    left: 9px;
}

/* сворачивание чисто на CSS: строка грида схлопывается в 0fr,
   содержимое остаётся в разметке и доступно поисковику */
.faq__item .bottom {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 0fr;
    grid-template-rows: 0fr;
    overflow: hidden;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}

.faq__item .content {
    overflow: hidden;
}

.faq__item p {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: #050505;
    margin: 0 0 10px;
}

.faq__item p:last-child {
    margin-bottom: 0;
}

.faq__item-active .bottom {
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    margin-top: 20px;
}

.faq__item-active .toggler {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* --- форма справа --- */

.faq__form {
    border-radius: 8px;
    padding: 20px;
    -webkit-box-shadow: 0 4px 13px 0 rgba(30, 55, 91, 0.14);
    box-shadow: 0 4px 13px 0 rgba(30, 55, 91, 0.14);
    background: linear-gradient(134deg, #064a69 0%, #2a779a 100%);
}

.faq__form .form-title {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 28px;
    line-height: 120%;
    text-transform: uppercase;
    color: var(--belyy);
    margin-bottom: 14px;
}

@media (max-width: 767px) {
    .faq__form .form-title { font-size: 24px; }
}

.faq__form .form-desc {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: var(--belyy);
    margin-bottom: 24px;
}

.faq__form .faq-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
}

.faq__form .faq-form .input {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    padding: 16px 20px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    border: none;
    outline: none;
}

.faq__form .faq-form .input::placeholder { color: rgba(255, 255, 255, 0.6); }

.faq__form .faq-form .policy {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 14px 1fr;
    grid-template-columns: 14px 1fr;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
}

.faq__form .faq-form .policy input {
    accent-color: var(--siniy);
    width: 100%;
    height: 100%;
    border: none;
}

.faq__form .faq-form .policy label {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 12px;
    color: var(--belyy);
}

.faq__form .faq-form .btn--accent {
    background: var(--belyy);
    color: var(--chernyy);
    margin-bottom: 10px;
}

.faq__form .faq-form .form-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--belyy);
    border-radius: 8px;
    padding: 16px 40px;
    color: #fff;
}

/* End */


/* Start:/local/templates/polygale_main/components/bitrix/news.detail/set_seo/style.css?1750782211155*/
div.news-detail
{
	word-wrap: break-word;
}
div.news-detail img.detail_picture
{
	float:left;
	margin:0 8px 6px 1px;
}
.news-date-time
{
	color:#486DAA;
}

/* End */
/* /local/templates/.default/components/bitrix/breadcrumb/breadcrumb/style.min.css?1750782210467 */
/* /local/templates/.default/components/bitrix/news.list/delivery_pickup_v2/style.css?17870639293541 */
/* /local/templates/.default/components/bitrix/news.list/delivery_regions_v2/style.css?17870639293541 */
/* /local/templates/.default/components/bitrix/news.list/delivery_terms/style.css?17870618932203 */
/* /local/templates/.default/components/bitrix/news.list/delivery_pay_text/style.css?17870618932203 */
/* /local/templates/.default/components/bitrix/news.list/delivery_faq/style.css?17870621105814 */
/* /local/templates/polygale_main/components/bitrix/news.detail/set_seo/style.css?1750782211155 */