/* Start:/local/templates/medicinapress/template_styles.css?179318326637027*/
/* ============================================================
   Шаблон «Медицина-пресс» — template_styles.css
   Дизайн 2026: светлая «бумажная» подложка, книжные заголовки (Literata),
   интерфейс (Onest). Шрифты лежат в /local/templates/medicinapress/fonts/
   (свои файлы, без Google Fonts). Палитра — с обложки книги: бордо + сирень.
   ============================================================ */

@font-face {
	font-family: "Onest";
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url("/local/templates/medicinapress/fonts/onest-cyrillic.woff2") format("woff2");
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
	font-family: "Onest";
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url("/local/templates/medicinapress/fonts/onest-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: "Onest";
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url("/local/templates/medicinapress/fonts/onest-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Literata";
	font-style: normal;
	font-weight: 500 600;
	font-display: swap;
	src: url("/local/templates/medicinapress/fonts/literata-cyrillic.woff2") format("woff2");
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
	font-family: "Literata";
	font-style: normal;
	font-weight: 500 600;
	font-display: swap;
	src: url("/local/templates/medicinapress/fonts/literata-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	--med-wine: #7c2231;
	--med-wine-dark: #4a121d;
	--med-wine-deep: #2c0a11;
	--med-red: #a83a40;
	--med-lilac: #7b6ca8;
	--med-lilac-dark: #5f5187;
	--med-lilac-soft: #eeeaf6;
	--med-rose-soft: #f6e9e6;
	--med-bg: #faf7f4;
	--med-card: #ffffff;
	--med-ink: #1e1418;
	--med-muted: #6c5b61;
	--med-line: #eadfda;
	--med-radius: 16px;
	--med-radius-l: 28px;
	--med-shadow: 0 1px 2px rgba(44, 10, 17, .06), 0 6px 18px rgba(44, 10, 17, .06);
	--med-shadow-m: 0 18px 50px rgba(44, 10, 17, .16);
	--med-font: "Onest", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--med-serif: "Literata", Georgia, "Times New Roman", serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }

body {
	margin: 0;
	background: var(--med-bg);
	color: var(--med-ink);
	font: 400 16px/1.6 var(--med-font);
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, .med-footer__logo {
	font-family: var(--med-serif);
	font-weight: 600;
	letter-spacing: -.015em;
	line-height: 1.15;
}

a { color: var(--med-wine); text-underline-offset: 3px; }
img { max-width: 100%; }
[hidden] { display: none !important; }

.med-container {
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 24px;
}

.med-main { min-height: 60vh; }

/* ---------- Шапка ---------- */
.med-header {
	position: sticky;
	top: 0;
	z-index: 50;
	background: rgba(250, 247, 244, .88);
	-webkit-backdrop-filter: saturate(160%) blur(14px);
	backdrop-filter: saturate(160%) blur(14px);
	border-bottom: 1px solid var(--med-line);
}
.med-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	min-height: 76px;
}
.med-logo {
	display: flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
	color: var(--med-ink);
}
.med-logo-text { display: flex; flex-direction: column; line-height: 1.2; }
.med-logo-text strong {
	font-family: var(--med-font);
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -.02em;
	color: var(--med-wine);
}
.med-logo-text small { color: var(--med-muted); font-size: 12px; }

.med-nav { display: flex; align-items: center; gap: 4px; }
.med-nav__link {
	padding: 9px 16px;
	border-radius: 999px;
	color: var(--med-ink);
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	transition: background .2s, color .2s;
}
.med-nav__link:hover { background: var(--med-lilac-soft); color: var(--med-lilac-dark); }
.med-nav__link--active { background: var(--med-lilac-soft); color: var(--med-lilac-dark); font-weight: 600; }

.med-cart {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-left: 10px;
	height: 44px;
	padding: 0 18px;
	border-radius: 999px;
	background: var(--med-wine);
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	transition: background .2s;
}
.med-cart:hover { background: var(--med-red); }
.med-cart svg { flex: 0 0 auto; }
.med-cart__count {
	display: inline-grid;
	place-items: center;
	min-width: 26px;
	height: 26px;
	margin-right: -8px;
	padding: 0 8px;
	border-radius: 999px;
	background: #fff;
	color: var(--med-wine);
	font-size: 13px;
	font-weight: 700;
}
.med-burger {
	display: none;
	place-items: center;
	width: 44px;
	height: 44px;
	border: 1px solid var(--med-line);
	border-radius: 12px;
	background: #fff;
	color: var(--med-ink);
	cursor: pointer;
}

/* ---------- Кнопки ---------- */
.med-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 46px;
	padding: 0 24px;
	border: 2px solid transparent;
	border-radius: 999px;
	background: var(--med-wine);
	color: #fff !important;
	font: 600 15px/1 var(--med-font);
	text-decoration: none;
	cursor: pointer;
	transition: background .2s, color .2s, border-color .2s, transform .15s, box-shadow .2s;
}
.med-btn:hover { background: var(--med-red); box-shadow: 0 8px 22px rgba(124, 34, 49, .28); }
.med-btn:active { transform: translateY(1px); }
.med-btn--ghost { background: transparent; border-color: rgba(255, 255, 255, .45); }
.med-btn--ghost:hover { background: rgba(255, 255, 255, .12); border-color: #fff; box-shadow: none; }
.med-btn--light { background: #fff; color: var(--med-wine) !important; }
.med-btn--light:hover { background: var(--med-rose-soft); box-shadow: none; }
.med-btn--lilac { background: var(--med-lilac); }
.med-btn--lilac:hover { background: var(--med-lilac-dark); }
.med-btn--outline { background: #fff; border-color: var(--med-line); color: var(--med-ink) !important; }
.med-btn--outline:hover { background: #fff; border-color: var(--med-wine); color: var(--med-wine) !important; box-shadow: none; }
.med-btn--small { height: 40px; padding: 0 20px; font-size: 14px; }
.med-btns { display: flex; gap: 12px; flex-wrap: wrap; }

/* ---------- Hero: слайдер (шаблон medicinapress_slider, scripts.js) ---------- */
.med-hero { padding-top: 24px; }
.med-slider {
	position: relative;
	overflow: hidden;
	border-radius: var(--med-radius-l);
	color: #fff;
	background:
		radial-gradient(70% 90% at 88% 8%, rgba(168, 58, 64, .75) 0%, transparent 60%),
		radial-gradient(50% 70% at 0% 100%, rgba(123, 108, 168, .45) 0%, transparent 65%),
		linear-gradient(135deg, var(--med-wine-deep), var(--med-wine-dark) 55%, var(--med-wine));
}
.med-slide { display: none; }
.med-slide--active { display: block; animation: medSlideIn .55s ease; }
@keyframes medSlideIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }

.med-slide__inner {
	display: grid;
	grid-template-columns: 1.05fr .95fr;
	gap: 48px;
	align-items: center;
	min-height: 520px; /* одинаковая высота: слайды не «прыгают» при перелистывании */
	padding: 56px 64px 88px;
}
.med-slide__inner--noimg { grid-template-columns: 1fr; }
.med-slide__inner--noimg .med-slide__text { max-width: 720px; }
.med-slide__kicker {
	display: inline-block;
	margin-bottom: 20px;
	padding: 6px 14px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .14);
	border: 1px solid rgba(255, 255, 255, .22);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
}
.med-slide__title {
	margin: 0 0 18px;
	font-size: clamp(32px, 4.4vw, 54px);
	letter-spacing: -.025em;
	line-height: 1.06;
	text-wrap: balance;
}
.med-slide__text { max-width: 520px; margin: 0 0 30px; font-size: 18px; line-height: 1.55; color: rgba(255, 255, 255, .82); }
.med-slide__img { height: 380px; display: flex; align-items: center; justify-content: center; }
.med-slide__img img { max-height: 100%; width: auto; }
/* JPG — обложка книги: рамка, тень, наклон. PNG/SVG — иллюстрация без рамки */
.med-slide__img--cover img { border-radius: 6px; box-shadow: 0 30px 70px rgba(0, 0, 0, .5); transform: rotate(2.5deg); }

.med-slider__controls {
	position: absolute;
	left: 64px;
	right: 64px;
	bottom: 28px;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.med-slider__dots { display: flex; gap: 8px; }
.med-slider__dot {
	width: 10px;
	height: 10px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: rgba(255, 255, 255, .4);
	cursor: pointer;
	transition: width .25s, background .25s;
}
.med-slider__dot--active { width: 30px; background: #fff; }
.med-slider__arrows { display: flex; gap: 10px; }
.med-slider__arrow {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, .35);
	background: rgba(255, 255, 255, .08);
	color: #fff;
	font-size: 20px;
	cursor: pointer;
	transition: background .2s;
}
.med-slider__arrow:hover { background: rgba(255, 255, 255, .22); }

/* ---------- Полоса преимуществ ---------- */
.med-trust { padding: 36px 0 8px; }
.med-trust__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.med-trust__item { display: flex; align-items: center; gap: 14px; }
.med-trust__icon {
	flex: 0 0 48px;
	width: 48px;
	height: 48px;
	display: grid;
	place-items: center;
	border-radius: 14px;
	background: var(--med-lilac-soft);
	color: var(--med-lilac-dark);
}
.med-trust__item b { display: block; font-size: 15px; line-height: 1.3; }
.med-trust__item span { display: block; font-size: 13.5px; line-height: 1.35; color: var(--med-muted); }

/* ---------- Секции ---------- */
.med-section { padding: 64px 0; }
.med-section--tight { padding: 40px 0 64px; }
.med-section__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 32px; }
.med-eyebrow { margin-bottom: 10px; font-size: 13px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--med-lilac-dark); }
.med-section__title { margin: 0; font-size: clamp(28px, 3.2vw, 38px); letter-spacing: -.02em; }
.med-section__link { font-weight: 600; text-decoration: none; white-space: nowrap; }
.med-section__link:hover { text-decoration: underline; }

.med-pagehead { padding: 28px 0 8px; }
.med-pagehead h1 { margin: 0; font-size: clamp(32px, 4vw, 48px); letter-spacing: -.025em; }
.med-pagehead p { max-width: 700px; margin: 14px 0 0; font-size: 18px; color: var(--med-muted); }

.med-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

/* ---------- Книги: карточки каталога ---------- */
.med-books { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 24px; }
.med-book {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	background: #fff;
	border: 1px solid var(--med-line);
	border-radius: var(--med-radius);
	transition: box-shadow .25s, transform .25s, border-color .25s;
}
.med-book:hover { box-shadow: var(--med-shadow-m); transform: translateY(-3px); border-color: transparent; }
.med-book__cover {
	display: grid;
	place-items: center;
	aspect-ratio: 4 / 4.4;
	padding: 28px;
	background: linear-gradient(160deg, var(--med-lilac-soft), var(--med-rose-soft));
	text-decoration: none;
}
.med-book__cover img { max-height: 100%; max-width: 76%; border-radius: 4px; box-shadow: 0 16px 36px rgba(44, 10, 17, .3); transition: transform .3s; }
.med-book:hover .med-book__cover img { transform: scale(1.03); }
.med-book__noimg { color: var(--med-muted); font-size: 14px; text-align: center; }
.med-book__body { display: flex; flex-direction: column; gap: 10px; padding: 22px; flex: 1; }
.med-book__meta { font-size: 14px; color: var(--med-muted); }
.med-book__title { margin: 0; font-size: 19px; line-height: 1.25; letter-spacing: -.01em; }
.med-book__title a { color: var(--med-ink); text-decoration: none; }
.med-book__title a:hover { color: var(--med-wine); }
.med-book__extra { display: none; margin: 0; }
.med-book__foot { margin-top: auto; padding-top: 8px; display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; }
.med-price { font-size: 24px; font-weight: 700; letter-spacing: -.02em; white-space: nowrap; }
.med-price__old { margin-left: 6px; font-size: 14px; font-weight: 400; color: var(--med-muted); }
.med-soldout { font-weight: 600; color: var(--med-muted); }
.med-empty { color: var(--med-muted); }

/* В сетке кнопка и счётчик компактнее */
.med-book .med-btn { height: 40px; padding: 0 20px; font-size: 14px; }
.med-book .med-qty { height: 40px; }
.med-book .med-qty button { width: 40px; font-size: 20px; }

/* Одна книга в каталоге — крупная горизонтальная карточка */
.med-book:only-child { grid-column: 1 / -1; flex-direction: row; }
.med-book:only-child .med-book__cover { flex: 0 0 42%; aspect-ratio: auto; min-height: 420px; }
.med-book:only-child .med-book__cover img { max-width: 62%; }
.med-book:only-child .med-book__body { justify-content: center; gap: 16px; padding: 44px 48px; }
.med-book:only-child .med-book__title { font-size: clamp(26px, 3vw, 36px); line-height: 1.12; }
.med-book:only-child .med-book__extra { display: block; max-width: 560px; font-size: 16px; color: var(--med-muted); }
.med-book:only-child .med-book__foot { margin-top: 8px; }
.med-book:only-child .med-price { font-size: 32px; }
.med-book:only-child .med-btn { height: 46px; padding: 0 24px; font-size: 15px; }
.med-book:only-child .med-qty { height: 46px; }
.med-book:only-child .med-qty button { width: 44px; font-size: 22px; }

/* ---------- «Об издательстве» ---------- */
.med-about { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.med-about__text p { max-width: 520px; margin: 18px 0 0; font-size: 17px; color: var(--med-muted); }
.med-about__list { display: grid; gap: 14px; }
.med-about__row { display: flex; align-items: center; gap: 18px; padding: 20px 22px; background: #fff; border: 1px solid var(--med-line); border-radius: var(--med-radius); }
.med-about__row .med-trust__icon { flex-basis: 52px; width: 52px; height: 52px; }
.med-about__row b { display: block; font-size: 16px; }
.med-about__row span { font-size: 14.5px; color: var(--med-muted); }

/* ---------- Полоса-призыв ---------- */
.med-cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
	padding: 44px 56px;
	border-radius: var(--med-radius-l);
	background: linear-gradient(120deg, var(--med-lilac-dark), var(--med-lilac));
	color: #fff;
}
.med-cta h2 { margin: 0 0 8px; font-size: clamp(24px, 2.8vw, 32px); }
.med-cta p { max-width: 560px; margin: 0; color: rgba(255, 255, 255, .85); }

/* ---------- Страница книги ---------- */
.med-crumbs { padding: 22px 0 0; font-size: 14px; color: var(--med-muted); }
.med-crumbs ol { display: flex; flex-wrap: wrap; gap: 4px 0; margin: 0; padding: 0; list-style: none; }
.med-crumbs li + li::before { content: "/"; margin: 0 8px; opacity: .55; }
.med-crumbs a { color: var(--med-muted); text-decoration: none; }
.med-crumbs a:hover { color: var(--med-wine); }
.med-crumbs span { color: var(--med-ink); }
.med-product { display: grid; grid-template-columns: minmax(0, 440px) 1fr; gap: 64px; align-items: start; padding: 32px 0 24px; }
.med-product__cover {
	position: sticky;
	top: 104px;
	display: grid;
	place-items: center;
	padding: 56px 40px;
	border-radius: var(--med-radius-l);
	background: linear-gradient(160deg, var(--med-lilac-soft), var(--med-rose-soft));
}
.med-product__cover img { max-width: 82%; border-radius: 5px; box-shadow: 0 26px 60px rgba(44, 10, 17, .34); }
/* Галерея книги: лента миниатюр слева (на телефоне снизу), большое фото справа, просмотр на весь экран */
.med-product__cover.med-gallery { grid-template-columns: 84px minmax(0, 1fr); gap: 20px; place-items: stretch; padding: 32px 28px; }
.med-gallery__nav { display: flex; flex-direction: column; align-items: center; gap: 8px; min-height: 0; max-height: 520px; }
.med-gallery__strip { display: flex; min-width: 0; flex-direction: column; gap: 10px; width: 100%; min-height: 0; overflow: hidden; scroll-snap-type: y proximity; }
.med-gallery__thumb { flex: 0 0 auto; display: block; width: 100%; padding: 3px; background: #fff; border: 2px solid transparent; border-radius: 8px; cursor: pointer; scroll-snap-align: start; transition: border-color .15s, box-shadow .15s; }
.med-gallery__thumb:hover { box-shadow: 0 4px 14px rgba(44, 10, 17, .22); }
.med-gallery__thumb.is-active { border-color: var(--med-wine); }
.med-product__cover .med-gallery__thumb img { display: block; width: 100%; max-width: none; height: auto; border-radius: 4px; box-shadow: none; }
.med-gallery__arrow { flex: 0 0 auto; display: grid; place-items: center; width: 36px; height: 28px; padding: 0; color: var(--med-wine); background: rgba(255, 255, 255, .85); border: 0; border-radius: 999px; cursor: pointer; }
.med-gallery__arrow:hover { background: #fff; box-shadow: 0 2px 8px rgba(44, 10, 17, .2); }
.med-gallery__stage { display: grid; place-items: center; padding: 0; background: none; border: 0; cursor: zoom-in; }
.med-product__cover .med-gallery__stage img { max-width: 100%; max-height: 520px; width: auto; height: auto; }
.med-product__toc { margin: 18px 0 0; }
.med-product__toc .med-btn { gap: 10px; }

/* Просмотр фото на весь экран */
body.med-lightbox-open { overflow: hidden; }
.med-lightbox { position: fixed; inset: 0; z-index: 10000; display: grid; place-items: center; padding: 56px 72px; background: rgba(20, 6, 10, .92); }
.med-lightbox__img { max-width: calc(100vw - 144px); max-height: calc(100vh - 112px); width: auto; height: auto; border-radius: 4px; background: #fff; box-shadow: 0 20px 60px rgba(0, 0, 0, .5); }
.med-lightbox__close, .med-lightbox__nav { position: absolute; display: grid; place-items: center; padding: 0; color: #fff; background: rgba(255, 255, 255, .14); border: 0; border-radius: 50%; cursor: pointer; transition: background .15s; }
.med-lightbox__close:hover, .med-lightbox__nav:hover { background: rgba(255, 255, 255, .3); }
.med-lightbox__close { top: 16px; right: 16px; width: 46px; height: 46px; font-size: 30px; line-height: 1; }
.med-lightbox__nav { top: 50%; width: 52px; height: 52px; margin-top: -26px; font-size: 38px; line-height: 1; }
.med-lightbox__nav--prev { left: 14px; }
.med-lightbox__nav--next { right: 14px; }
.med-lightbox__count { position: absolute; left: 0; right: 0; bottom: 16px; text-align: center; font-size: 14px; color: rgba(255, 255, 255, .8); }

.med-product__title { margin: 0; font-size: clamp(30px, 3.6vw, 44px); letter-spacing: -.025em; line-height: 1.1; text-wrap: balance; }
.med-product__lead { margin: 16px 0 0; font-size: 18px; color: var(--med-muted); }

.med-specs {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1px;
	margin: 28px 0 0;
	overflow: hidden;
	background: var(--med-line);
	border: 1px solid var(--med-line);
	border-radius: var(--med-radius);
}
.med-specs div { padding: 16px 20px; background: #fff; }
.med-specs div:first-child { grid-column: 1 / -1; }
.med-specs dt { font-size: 12.5px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--med-muted); }
.med-specs dd { margin: 4px 0 0; font-weight: 600; }

.med-buybox { margin-top: 28px; padding: 28px; background: #fff; border: 1px solid var(--med-line); border-radius: var(--med-radius-l); box-shadow: var(--med-shadow); }
.med-buybox__row { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.med-buybox .med-price { font-size: 38px; }
.med-buybox__notes { display: grid; gap: 10px; margin: 22px 0 0; padding: 20px 0 0; border-top: 1px solid var(--med-line); list-style: none; font-size: 14.5px; color: var(--med-muted); }
.med-buybox__notes li { display: flex; align-items: center; gap: 12px; }
.med-buybox__notes svg { flex: 0 0 20px; color: var(--med-lilac-dark); }

.med-prose { max-width: 760px; font-size: 17px; line-height: 1.75; color: #3d2f35; }
.med-prose h2 { margin: 0 0 18px; font-size: 28px; }
.med-prose p { margin: 0 0 16px; font-size: 17px; line-height: 1.75; color: #3d2f35; }

/* ---------- Служебные страницы: доставка, оферта, политика, корзина, 404 ---------- */
.med-page { padding: 28px 0 24px; }
.med-page h1 { margin: 0 0 12px; font-size: clamp(32px, 4vw, 48px); letter-spacing: -.025em; color: var(--med-ink); }
.med-page__lead { max-width: 700px; margin: 0 0 28px; font-size: 18px; color: var(--med-muted); }

.med-info-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; padding: 28px 0 8px; }
.med-info { padding: 28px; background: #fff; border: 1px solid var(--med-line); border-radius: var(--med-radius); }
.med-info__head { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }
.med-info h2 { margin: 0; font-size: 22px; }
.med-info ul { margin: 0; padding: 0; list-style: none; }
.med-info li { position: relative; margin: 0 0 12px; padding-left: 20px; color: #3d2f35; }
.med-info li:last-child { margin-bottom: 0; }
.med-info p { margin: 0 0 12px; color: #3d2f35; }
.med-info a { font-weight: 600; }
.med-info li::before { content: ""; position: absolute; left: 2px; top: .72em; width: 7px; height: 7px; border-radius: 50%; background: var(--med-lilac); }

.med-note {
	padding: 12px 16px;
	background: var(--med-lilac-soft);
	border-left: 4px solid var(--med-lilac);
	border-radius: 8px;
	font-size: 14.5px;
	color: #463a5e;
}

/* ---------- Контакты и форма (страница /contacts/, шаблон main.feedback) ---------- */
.med-contacts { display: grid; grid-template-columns: 1.1fr .9fr; gap: 56px; align-items: start; padding: 32px 0 24px; }
.med-cgroup + .med-cgroup { margin-top: 28px; }
.med-cgroup h2 { margin: 0 0 6px; font-size: 22px; }
.med-crow { display: flex; align-items: flex-start; gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--med-line); }
.med-crow:last-child { border-bottom: 0; }
.med-crow .med-trust__icon { flex-basis: 44px; width: 44px; height: 44px; border-radius: 12px; }
.med-crow small { display: block; font-size: 12.5px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--med-muted); }
.med-crow b, .med-crow a { font-size: 17px; font-weight: 600; color: var(--med-ink); text-decoration: none; }
.med-crow a:hover { color: var(--med-wine); }
.med-crow span { display: block; font-size: 14.5px; color: var(--med-muted); }

.med-formcard {
	position: sticky;
	top: 104px;
	padding: 32px;
	background: #fff;
	border: 1px solid var(--med-line);
	border-radius: var(--med-radius-l);
	box-shadow: var(--med-shadow);
}
.med-formcard h2 { margin: 0 0 6px; font-size: 24px; }
.med-formcard > p { margin: 0 0 22px; font-size: 15px; color: var(--med-muted); }
.med-field { display: block; margin-bottom: 16px; }
.med-field > span { display: block; margin-bottom: 6px; font-size: 13.5px; font-weight: 600; }
.med-field input,
.med-field textarea {
	width: 100%;
	padding: 13px 16px;
	border: 1.5px solid var(--med-line);
	border-radius: 12px;
	background: var(--med-bg);
	font: 400 16px var(--med-font);
	color: var(--med-ink);
	transition: border-color .2s, box-shadow .2s, background .2s;
}
.med-field textarea { min-height: 120px; resize: vertical; }
.med-field input:focus,
.med-field textarea:focus { outline: none; border-color: var(--med-lilac); background: #fff; box-shadow: 0 0 0 4px rgba(123, 108, 168, .18); }
.med-captcha { display: flex; align-items: flex-end; gap: 12px; margin-bottom: 16px; }
.med-captcha__img { flex: 0 0 auto; height: 46px; width: auto; border-radius: 10px; }
.med-captcha .med-field { flex: 1; margin: 0; }
.med-agree { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 18px; font-size: 13.5px; color: var(--med-muted); }
.med-agree input { margin-top: 3px; accent-color: var(--med-wine); }
.med-btn--block { width: 100%; }

.med-alert { margin-bottom: 18px; padding: 12px 16px; border-radius: 12px; font-size: 14.5px; }
.med-alert--error { background: #fbeaea; color: #8a1f2b; border: 1px solid #f0c9cc; }
.med-alert--ok { background: #e9f5ee; color: #1f6b3f; border: 1px solid #c6e4d2; }

.med-req { margin-top: 8px; background: #fff; border: 1px solid var(--med-line); border-radius: var(--med-radius); }
.med-req summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 22px 28px;
	font-family: var(--med-serif);
	font-size: 22px;
	font-weight: 600;
	list-style: none;
	cursor: pointer;
}
.med-req summary::-webkit-details-marker { display: none; }
.med-req summary::after { content: "+"; display: inline-block; font: 400 28px/1 var(--med-font); color: var(--med-wine); transition: transform .25s; }
.med-req[open] summary::after { transform: rotate(45deg); }
.med-req dl { display: grid; grid-template-columns: 220px 1fr; margin: 0; padding: 0 28px 20px; }
.med-req dt,
.med-req dd { margin: 0; padding: 13px 0; border-top: 1px solid var(--med-line); }
.med-req dt { font-size: 14.5px; color: var(--med-muted); }
.med-req dd { font-weight: 500; }

/* ---------- Корзина / оформление (сторонний компонент TANAiS: только цвета и шрифты) ---------- */
.med-basket-wrap { padding: 28px 30px; font-family: var(--med-font); background: #fff; border: 1px solid var(--med-line); border-radius: var(--med-radius-l); box-shadow: var(--med-shadow); }
.med-basket-wrap table { width: 100%; border-collapse: collapse; }
.med-basket-wrap td, .med-basket-wrap th { padding: 10px 8px; }
.med-basket-wrap .bx-soa-section-title,
.med-basket-wrap .bx-soa-section-title-text,
.med-basket-wrap .basket-item-info-name { font-family: var(--med-font); }
/* Цвета компонента задаются переменными HSL: подставляем фирменные
   (--color-primary-two: бирюзовый → бордовый #7c2231; --color-primary-one: оранжевый → сиреневый #7b6ca8) */
.med-basket-wrap .tanais-order {
	--color-primary-two-h: 351;
	--color-primary-two-s: 56%;
	--color-primary-two-l: 31%;
	--color-primary-one-h: 253;
	--color-primary-one-s: 25%;
	--color-primary-one-l: 55%;
}
.med-basket-wrap .btn { border-radius: 999px; }
/* кнопки без переменных (синие) → бордовые */
.med-basket-wrap button.btn { background: var(--med-wine); border-color: var(--med-wine); color: #fff; }
.med-basket-wrap button.btn:hover { background: var(--med-red); border-color: var(--med-red); }
/* виджет «Почты России» красит свою кнопку принудительно */
.med-basket-wrap .russianpost_link .btn { background: var(--med-wine) !important; border-color: var(--med-wine) !important; color: #fff !important; }

/* ---------- Страница «Заказ оформлен» (confirm.php шаблона tanais + кнопка ЮKassa) ---------- */
.med-basket-wrap .sale_order_full_table:first-of-type { padding: 96px 0 8px !important; font-size: 18px; line-height: 1.6; }
.med-basket-wrap .sale_order_full_table:first-of-type td { padding: 0; }
/* зелёная галочка над текстом (место под неё в шаблоне уже есть) */
.med-basket-wrap .sale_order_full_table:first-of-type:before {
	margin-left: -36px;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: #2e9e5b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 40px no-repeat;
}
.med-basket-wrap .sale_order_full_table.pay,
.med-basket-wrap .sale_order_full_table:last-of-type:not(:first-of-type) {
	max-width: 560px;
	margin-top: 22px;
	padding: 30px 32px;
	text-align: center;
	background: var(--med-cream, #fbf7f5);
	border: 1px solid var(--med-line);
	border-radius: var(--med-radius);
}
/* название способа оплаты: заголовок, логотип и подпись в одну центрированную колонку */
.med-basket-wrap .sale_order_full_table .ps_logo { text-align: center; }
.med-basket-wrap .sale_order_full_table .ps_logo .pay_name { margin: 0 0 16px; font-size: 22px; line-height: 1.3; }
.med-basket-wrap .sale_order_full_table .ps_logo img { display: block; margin: 0 auto 10px; border-radius: 10px; background: #fff; }
.med-basket-wrap .sale_order_full_table .ps_logo .paysystem_name { display: block; font-size: 15px; color: #6b5a60; }
/* текст ЮKassa и кнопка */
.med-basket-wrap .widget-payment-checkout-info { font-size: 16px; line-height: 1.6; color: #3d2f35; }
.med-basket-wrap .widget-payment-checkout-info + .widget-payment-checkout-info { font-weight: 700; font-size: 20px; color: var(--med-ink); }
.med-basket-wrap .sale_order_full_table .d-flex { display: block; margin: 18px 0 14px; }
.med-basket-wrap .sale_order_full_table .col-auto,
.med-basket-wrap .sale_order_full_table .col { padding: 0; }
.med-basket-wrap .sale_order_full_table a.btn-success {
	display: block;
	width: 100%;
	max-width: 360px;
	margin: 0 auto 12px;
	padding: 16px 28px;
	font-size: 19px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: var(--med-wine);
	border: 0;
	border-radius: 999px !important;
	box-shadow: 0 10px 24px rgba(124, 34, 49, .35);
	transition: background .15s, transform .15s, box-shadow .15s;
}
.med-basket-wrap .sale_order_full_table a.btn-success:hover { background: var(--med-red); transform: translateY(-1px); box-shadow: 0 14px 28px rgba(124, 34, 49, .4); }
.med-basket-wrap .sale_order_full_table .col.pr-0 { font-size: 14px; color: #6b5a60; }
.med-basket-wrap .sale_order_full_table .alert-info { margin: 6px 0 0; padding: 12px 16px; font-size: 14px; line-height: 1.5; text-align: left; color: #5a3b43; background: #fff; border: 1px solid var(--med-line); border-left: 4px solid var(--med-wine); border-radius: 10px; }

/* ---------- Юридические страницы: оферта и политика ---------- */
.med-legal { max-width: 820px; padding-bottom: 24px; }
.med-legal h2 { margin: 36px 0 12px; font-size: 24px; }
.med-legal h3 { margin: 28px 0 10px; font-size: 19px; }
.med-legal p { margin: 0 0 12px; font-size: 16px; line-height: 1.7; color: #3d2f35; }
.med-legal ul { margin: 0 0 14px; padding-left: 22px; color: #3d2f35; line-height: 1.7; }
.med-legal li { margin-bottom: 6px; }
.med-legal .med-lead { font-size: 18px; font-weight: 600; color: var(--med-ink); }

/* ---------- Подвал ---------- */
.med-footer { margin-top: 64px; background: var(--med-wine-deep); color: rgba(255, 255, 255, .8); }
.med-footer a {
	display: block;
	margin: 0;
	padding: 4px 0;
	color: rgba(255, 255, 255, .85);
	font-size: 15px;
	text-decoration: none;
}
.med-footer a:hover { color: #fff; text-decoration: underline; }
.med-footer__grid {
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr;
	gap: 48px;
	padding-top: 56px;
	padding-bottom: 40px;
}
.med-footer__brand { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }
.med-footer__brand svg { flex: 0 0 auto; }
.med-footer__logo { font-size: 24px; color: #fff; margin: 0; }
.med-footer__title {
	margin-bottom: 14px;
	font-size: 12.5px;
	font-weight: 600;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .5);
}
.med-footer__col p { margin: 0; max-width: 360px; font-size: 15px; color: rgba(255, 255, 255, .8); }
.med-footer__col span { display: block; padding: 4px 0; font-size: 15px; color: rgba(255, 255, 255, .8); }
.med-footer__bottom {
	padding: 20px 0;
	border-top: 1px solid rgba(255, 255, 255, .12);
	font-size: 13.5px;
	color: rgba(255, 255, 255, .55);
}

/* ---------- Адаптив ---------- */
@media (max-width: 960px) {
	.med-slide__inner { grid-template-columns: 1fr; gap: 24px; min-height: 0; padding: 40px 32px 96px; text-align: center; }
	.med-slide__text { margin-left: auto; margin-right: auto; }
	.med-slide .med-btns { justify-content: center; }
	.med-slide__img { height: 240px; }
	.med-slider__controls { left: 32px; right: 32px; }
	.med-trust__grid { grid-template-columns: repeat(2, 1fr); }
	.med-info-grid { grid-template-columns: 1fr; }
	.med-about, .med-product { grid-template-columns: 1fr; gap: 36px; }
	.med-product__cover { position: static; }
	.med-product > * { min-width: 0; }
	.med-product { grid-template-columns: minmax(0, 1fr); }
	.med-product__cover.med-gallery { grid-template-columns: minmax(0, 1fr); padding: 24px 18px; }
	.med-gallery__stage { grid-row: 1; min-width: 0; }
	.med-gallery__nav { grid-row: 2; min-width: 0; flex-direction: row; max-height: none; }
	.med-gallery__strip { flex-direction: row; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; }
	.med-gallery__strip::-webkit-scrollbar { display: none; }
	.med-gallery__thumb { width: 64px; }
	.med-gallery__arrow--prev svg { transform: rotate(-90deg); }
	.med-gallery__arrow--next svg { transform: rotate(-90deg); }
	.med-lightbox { padding: 56px 12px; }
	.med-lightbox__img { max-width: calc(100vw - 24px); }
	.med-lightbox__nav { width: 42px; height: 42px; margin-top: -21px; font-size: 30px; }
	.med-book:only-child { flex-direction: column; }
	.med-book:only-child .med-book__cover { flex-basis: auto; min-height: 320px; }
	.med-book:only-child .med-book__body { padding: 28px; }
	.med-cta { flex-direction: column; align-items: flex-start; padding: 36px 32px; }
	.med-contacts { grid-template-columns: 1fr; gap: 36px; }
	.med-formcard { position: static; }
	.med-footer__grid { grid-template-columns: 1fr 1fr; gap: 32px; }
}
@media (max-width: 760px) {
	.med-burger { display: inline-grid; }
	.med-nav {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		flex-direction: column;
		align-items: stretch;
		gap: 4px;
		padding: 14px 24px 22px;
		background: var(--med-bg);
		border-bottom: 1px solid var(--med-line);
	}
	.med-nav--open { display: flex; }
	.med-nav__link { padding: 12px 16px; }
	.med-cart { margin: 8px 0 0; justify-content: space-between; }
	.med-logo-text small { display: none; }
	.med-section { padding: 48px 0; }
	.med-section__head { flex-direction: column; align-items: flex-start; gap: 10px; }
	.med-specs { grid-template-columns: 1fr; }
	.med-req dl { grid-template-columns: 1fr; }
	.med-req dt { border-top: 1px solid var(--med-line); padding-bottom: 0; }
	.med-req dd { border-top: 0; padding-top: 2px; }
	.med-footer__grid { grid-template-columns: 1fr; gap: 28px; }
}

/* ---------- Корзина: «В корзину» → «− 1 +» (cart.js) ---------- */
.med-buy { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.med-buy--busy { opacity: .6; pointer-events: none; }
.med-buy__go { font-size: 14px; font-weight: 600; }

.med-qty {
	display: inline-flex;
	align-items: stretch;
	height: 46px;
	border: 2px solid var(--med-wine);
	border-radius: 999px;
	overflow: hidden;
	background: #fff;
}
.med-qty button {
	width: 44px;
	border: 0;
	background: transparent;
	color: var(--med-wine);
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
	transition: background .2s, color .2s;
}
.med-qty button:hover { background: var(--med-wine); color: #fff; }
.med-qty input {
	width: 48px;
	border: 0;
	text-align: center;
	font: 700 16px var(--med-font);
	color: var(--med-ink);
	background: transparent;
}
.med-qty input:focus { outline: none; }

/* ---------- Подвал: нижняя строка (копирайт и создатель сайта) ---------- */
.med-footer__bottomrow { display: flex; justify-content: space-between; gap: 8px 24px; flex-wrap: wrap; }
.med-footer__bottom a { display: inline; padding: 0; font-size: inherit; color: rgba(255, 255, 255, .8); text-decoration: underline; text-underline-offset: 3px; }
.med-footer__bottom a:hover { color: #fff; }

/* End */


/* Start:/bitrix/templates/.default/components/bitrix/sale.order.ajax/tanais.order.ajax/style.css?175672249861725*/
.tanais-order {
    --color-primary-one: hsl(var(--color-primary-one-h), var(--color-primary-one-s), var(--color-primary-one-l));
    --color-primary-one-ligth: hsl(var(--color-primary-one-h), var(--color-primary-one-s), calc(var(--color-primary-one-l) + 40%));
    --color-primary-one-dark: hsl(var(--color-primary-one-h), var(--color-primary-one-s), calc(var(--color-primary-one-l) - 20%));

    --color-primary-two: hsl(var(--color-primary-two-h), var(--color-primary-two-s), var(--color-primary-two-l));
    --color-primary-two-ligth: hsl(var(--color-primary-two-h), var(--color-primary-two-s), calc(var(--color-primary-two-l) + 60%));
    --color-primary-two-dark: hsl(var(--color-primary-two-h), var(--color-primary-two-s), calc(var(--color-primary-two-l) - 10%));
}

.tanais-order *,
.tanais-order *::before,
.tanais-order *::after {
  box-sizing: border-box;
}

@-webkit-keyframes fadeInBlock {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fadeInBlock {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.animate__fadeInBlock {
  -webkit-animation-name: fadeInBlock;
  animation-name: fadeInBlock;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.bx-soa { padding-bottom:20px;}
.bx-soa-section {
    border-radius: 10px;
    margin-bottom: 30px;
    -webkit-transition: border-color .3s ease;
    -moz-transition: border-color .3s ease;
    -o-transition: border-color .3s ease;
    transition: border-color .3s ease;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}

#bx-soa-total-mobile {
    display: none;
}

.bx-soa-section.soa-border-bottom-radius-none {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.bx-soa-section.soa-box-shadow-none {
    box-shadow: none;
}

.tanais-block-order {
    transition: 500ms opacity ease;
	counter-reset: heading;
	flex-wrap: nowrap;
}
.bx-soa-section-title-container {
    overflow: hidden;
    background: var(--color-block-header);
    padding: 25px 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.bx-soa-section .bx-soa-section-title-container {
    padding: 10px 30px;
    min-height: 60px;
    display: flex;
    align-items: center;
}

.bx-soa-section-title {
    margin: 0;
    display: flex;
    align-items: center;
    color: #000;
    min-height: 20px;
    vertical-align: middle;
    font-size: 24px;
    font-weight: bold;
    font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.bx-soa-editstep {
    display: inline;
    font-size: 12px;
    vertical-align: middle;
    line-height: 22px;
    border-bottom: 1px dotted;
}
.bx-soa-section.bx-selected .bx-soa-editstep {display: none;}
.bx-soa-section.bx-selected .bx-soa-editstep:hover {border-bottom: none;}

.bx-soa-section-content {
    padding: 20px 25px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

#bx-soa-delivery .bx-soa-section-content,
#bx-soa-paysystem .bx-soa-section-content {
    padding-left: 35px;
    padding-right: 35px;
}

#bx-soa-pickup .bx-soa-section-content {padding: 0;}
#bx-soa-pickup .bx-soa-pickup-subTitle {padding: 5px 35px 15px 35px;}

.bx-soa-section.bx-step-completed .bx-soa-section-content,
.bx-soa-section.bx-selected .bx-soa-section-content {line-height: 18px;}

/* Table */
.bx-soa-table-fade{
	position:relative;
}
.bx-soa-table-fade:before{
	left:0;
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background:    -moz-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: 		linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}
.bx-soa-table-fade:after{
	right:0;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background:    -moz-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: 		linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}
.bx-soa-table-fade:before,
.bx-soa-table-fade:after{
	content: "";
	width: 0;
	position: absolute;
	bottom: 10px;
	top: 0;
	height: 100%;
	display: block;
	-webkit-transition: width 300ms ease;
	   -moz-transition: width 300ms ease;
		-ms-transition: width 300ms ease;
		 -o-transition: width 300ms ease;
			transition: width 300ms ease;
}
.bx-soa-table-fade-left:before,
.bx-soa-table-fade-right:after{width: 15px;}
.bx-soa-item-table{
    min-width:100%;
    display:table;
}
.bx-soa-item-tr{
    display:table-row;
}
.bx-soa-item-td{
    display:table-cell;
    vertical-align: top;
    padding-top:10px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    border-top: 1px dotted #e5e5e5;
}

.bx-soa-item-table .bx-soa-item-tr:first-child .bx-soa-item-td{border-top: none}

/*.bx-soa-item-block{padding-bottom:10px;}*/

.bx-soa-item-img-block{
    float:left;
    padding-right:15px;
}
.bx-step-completed .bx-soa-item-img-block {
    width: 48px;
    padding-bottom:10px;
    padding-right:10px;
}
.bx-soa-item-imgcontainer {
    border-radius: 4px;
    border: 1px solid #c0cfd9;
    padding-top: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.bx-soa-item-content{}
.bx-soa-item-title a {
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    padding-bottom:5px;
    color: #303030;
}
.bx-soa-item-td-title {
    line-height: 20px;
    color: #7c7c7c;
    padding-bottom: 3px;
    font-size: 12px;
}
.bx-soa-item-td-text {
    line-height: 25px;
    vertical-align: middle;
}
.bx-soa-item-properties .bx-soa-item-td-title,
.bx-soa-item-properties .bx-soa-item-td-text{ text-align:center;}
.bx-soa-item-properties.bx-text-right .bx-soa-item-td-title,
.bx-soa-item-properties.bx-text-right .bx-soa-item-td-text{ text-align:right;}
.bx-soa-item-td-text input[type="number"] {
    height: 25px;
    line-height: 20px;
}
.bx-soa-item-td-text .bx-price {
    white-space: nowrap;
    font-size: 15px;
    font-weight: bold;
}
.bx-price-old {
    white-space: nowrap;
    text-decoration: line-through;
    color: #999;
    font-size: 15px;
    line-height: 16px;
    font-weight: normal;
}
.bx-soa-item-td-control {
    padding-bottom: 5px;
    font-size: 11px;
}


/* Advanced info */
.bx-soa-item-info-container{
    position:relative;
    height:35px;
}
.bx-soa-item-info-container .bx-soa-item-td{
    border:none;
    position:absolute;
    /*left:20px;*/
    /*right:20px;*/
    /*padding:0 20px;*/
}
.bx-soa-item-info-container .bx-soa-item-info-block {
    height: 0;
    overflow: hidden;
    margin-bottom: 10px;
}
.bx-soa-item-info-block.bx-active {
    padding-top: 10px;
    height: auto;
}
.bx-soa-info-block{
    border:none;
    max-width:100%;
}
.bx-soa-info-line {line-height: 15px;}
.bx-soa-info-title {
    color: #7c7c7c;
    font-size: 12px;
    padding:4px 0;
    vertical-align:top;
}
.bx-soa-info-text {
    display: inline-block;
    font-size:12px;
    padding:4px 10px;
    vertical-align:top;
}

/* Coupon */
.bx-soa-coupon {
    padding-top: 10px;
    margin-top: 10px;
}
.bx-soa-coupon-label {
    display: inline-block;
    padding-right: 10px;
    vertical-align: top;
}
.bx-soa-coupon-label label{
    font-weight: normal;
    font-size: 14px;
    color: #303030;
}
.bx-selected .bx-soa-coupon-label{padding-top: 7px;}
.bx-soa-coupon-item-fixed .bx-soa-coupon-block {
    font-weight:normal;
}
.bx-soa-coupon-item-fixed .bx-soa-coupon-label,
.bx-soa-coupon-item-fixed .bx-soa-coupon-item {
    font-weight: normal;
    padding-top: 0;
    line-height: 20px;
}
.bx-soa-coupon-block {
    vertical-align: middle;
    line-height: 34px;
}
.bx-soa-coupon-input {
    display: block;
    position:relative;
	vertical-align: middle;
    position: relative;
}
.bx-soa-coupon-input input[type=text].tanais-form-control {
    border: 1px solid #D6D6D6;
    background-color: #fff;
    background-image: none;
    border-radius: 3px;
    outline: none;
    display: block;
    width: 100%;
    min-height: 36px;
    height: auto;
    padding: 6px 8px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    box-shadow: none;
}
.bx-soa-coupon-input input[type=text].tanais-form-control:focus {
    outline: none;
    box-shadow: none;
}
.bx-soa-coupon-btn {
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    height: 100%;
    width: 36px;
    background-color: var(--color-primary-one);
    background-image: url('/bitrix/images/tanais.order/check.svg');
    background-repeat: no-repeat;
    background-position: center;
    transition: background-color .2s;
    border-radius: 3px;
}
.bx-soa-coupon-btn:hover {
    transition: background-color .2s;
    background-color: var(--color-primary-one-dark);
}
.bx-step-completed .bx-soa-coupon-list {
    padding-top: 0;
    line-height: 20px;
}
.bx-soa-coupon-item strong {
    white-space: nowrap;
    margin-right: 20px;
    position: relative;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    display: block;
    letter-spacing: -0.5px;
    line-height: 25px;
}
.bx-soa-coupon-item strong:first-child {
    margin-top: 10px;
    display: inline-block;
}
.bx-soa-coupon-item strong.bx-soa-coupon-item-danger {color: #A94442;}
.bx-soa-coupon-item strong.bx-soa-coupon-item-success{color: var(--color-primary-one);}
.bx-soa-coupon-item strong.bx-soa-coupon-item-used{color: #777;}
.bx-soa-coupon-item-danger-mess,
.bx-soa-coupon-item-mess {
    display: none;
    position: absolute;
    left: 0;
    min-width: 100%;
    top: 100%;
    font-weight: normal;
    padding: 6px 10px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
    text-transform: none;
    color: #333;
    letter-spacing: normal;
    z-index: 1;
}

/*.bx-touch 	.bx-soa-coupon-item strong 			.bx-soa-coupon-item-mess,*/
.bx-soa-coupon-item strong:hover 	.bx-soa-coupon-item-mess,
    /*.bx-touch 	.bx-soa-coupon-item strong 			.bx-soa-coupon-item-danger-mess,*/
.bx-soa-coupon-item strong:hover 	.bx-soa-coupon-item-danger-mess  {display: block;}
.bx-soa-coupon-remove {
    display: inline-block;
    height:20px;
    width: 20px;
    margin-left: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANhJREFUeNpEkM0KwjAQhGdr/Dv6Nj6EXkRvehTfRhS868lWWigU9OFEHGeTqIF0dydftrMJp0s1McMdwJ5AY0iLKaxVbwGbBxgeJKaCS4NjbJxQvlE4a/ektUFX9w5JCNolEzQmGCHlT8VjEFQjdvrBN0EOF4oOrXS5Cxmqs7NKVSEroPHlkLLOLRX4r5HOjenf3tE7DDyjxCLNx032ZFovSe80BK7Sl9IQmJ4gT4foSfowe+47jGx+xzidQxY9Zd/+/cLbIC8ztW9VHBL0fXDWGdeDc/ERYABB6E45iF95UQAAAABJRU5ErkJggg==) no-repeat center;
    cursor: pointer;
	vertical-align:middle;
	position:relative;
	top:-3px;
}

/* pickup */
#pickUpMap img {
    max-height: initial;
}
.bx-soa-pickup-preview-img {
    height: 76px;
    border: 1px solid #ddd;
    border-radius: 1px;
    padding: 1px;
    margin-left:10px;
    float: right;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.bx-soa-pickup-subTitle {
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 10px;
}
.bx-soa-pickup-list {
    margin-bottom: 20px;
}
.bx-soa-pickup-list .bx-soa-pickup-list-item {
    border-top: 1px solid #dcdfe2;
    padding: 16px 35px;
    font-size: 13px;
    position: relative;
    -webkit-transition: background .2s ease;
    -moz-transition: background .2s ease;
    -o-transition: background .2s ease;
    transition: background .2s ease;
}
.bx-soa-pickup-list-item.bx-selected {background: var(--color-primary-one-ligth);}
.bx-soa-pickup-list .bx-soa-pickup-list-item:last-child {border-bottom: 1px solid #dcdfe2;}

.bx-soa-pickup-l-item-adress {
    padding-left: 15px;
    color: #25495e;
    font-weight: bold;
    line-height: 17px;
    min-height: 17px;
    position: relative;
    padding-right: 100px;
}
.bx-soa-pickup-l-item-adress:before {
    height: 17px;
    width: 18px;
    content: "";
    top: 50%;
    left: -5px;
    margin-top: -8px;
    position: absolute;
    background: url(/bitrix/templates/.default/components/bitrix/sale.order.ajax/tanais.order.ajax/images/sprite.png) no-repeat center -54px;
}
.bx-soa-pickup-list-item .bx-soa-pickup-l-item-detail {
    padding-top: 20px;
    display: none;
}
.bx-soa-pickup-list-item.bx-selected .bx-soa-pickup-l-item-detail {display: block;}
.bx-soa-pickup-l-item-detail {
    padding-left: 100px;
    position: relative;
    min-height: 80px;
}
.bx-soa-pickup-l-item-detail.no-image {padding-left: 20px;}
.bx-soa-pickup-l-item-btn {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -17px;
    right: 10px;
}
.bx-soa-pickup-list-item.bx-selected .bx-soa-pickup-l-item-btn {
    padding-left: 100px;
    padding-top: 10px;
    float: none;
    position: relative;
    top: auto;
    right: auto;
    margin-top: 0;
}
.bx-soa-pickup-list-item.bx-selected .bx-soa-pickup-l-item-btn.no-image {padding-left: 20px;}
.bx-soa-pickup-l-item-name {font-weight: bold;}
.bx-soa-pickup-l-item-img {
    position: absolute;
    top: 23px;
    left: 0;
    max-width: 90px;
    max-height: 90px;
    height: auto;
    width: auto;
}

/*Sidebar*/
.bx-soa-sidebar {
    position: relative;
    height: 100%;
}
.bx-soa-cart-total {
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease;
}
.bx-soa-cart-total.bx-soa-cart-total-fixed {
    position: fixed;
    top: 10px;
}
.bx-soa-cart-total.bx-soa-cart-total-bottom {opacity: 0;}

.bx-soa-cart-total-line {
    margin: 5px 0px;
    font-size: 14px;
    line-height: 25px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    border-bottom: 1px dotted #B4B4B4;
}
.bx-soa-cart-total .bx-soa-cart-total-line:first-child {
    margin-top: -9px;
}
.bx-soa-cart-total .bx-soa-cart-total-line-total {
    padding-top: 5px;
    margin-bottom: 30px;
}
.bx-soa-cart-t {
    float: left;
    padding-right: 1px;
}
.bx-soa-cart-d {
    float: right;
    text-align: right;
    padding-left: 1px;
}
.bx-soa-cart-t,
.bx-soa-cart-d {
    background-color: #fff;
    position: relative;
}

.bx-soa-cart-t {
	top: 8px;
}

.bx-soa-cart-d {
	top: 7px;
}


.bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-d {
	top: 4px;
}

.bx-soa-cart-total-line .bx-soa-cart-d {
    font-size: 16px;
    font-weight: bold;
}
.bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-d {font-size: 24px;}
.bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-d span {font-size: 18px;}

.bx-soa-cart-total-line-highlighted + .bx-soa-cart-total-line {
     border-top: none;
}

.bx-soa-cart-total-line-highlighted .bx-soa-cart-d {
    color: var(--color-primary-one);
}

.bx-soa-cart-total-button-container{
    padding-top: 20px;
    text-align: center;
}
.tanais-order .btn{
    font-size: 14px;
    border-radius: 3px;
    outline: none;
    border: none;
    box-shadow: none;
    display: inline-block;
    line-height: 1.32857143;
    padding: 10px 12px;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    text-decoration: none;
    transition: .2s;
}
.tanais-order .btn:hover {transition: .2s;}
.tanais-order .btn:focus,
.tanais-order .btn:active,
.tanais-order .btn:hover {
    outline: none;
    box-shadow: none;
}
.tanais-order .btn.btn-default {
    background: var(--color-primary-two);
    color: #fff;
    font-size: 16px;
}
.tanais-order .btn.btn-default:hover {
    background: var(--color-primary-two-dark);
}
.tanais-order .btn.btn-outline-primary {
	background: var(--color-primary-two-ligth)
}
.tanais-order .btn.btn-outline-primary{
    color: var(--color-primary-two);
    border: 1px solid var(--color-primary-two);
    background-color: var(--color-primary-two-ligth);
    font-size: 14px;
}
.tanais-order .btn.btn-outline-primary:hover {
    background-color: var(--color-primary-two);
    color: #fff;
}
.tanais-order .btn-order-one-click {
    margin-top: 10px;
}
.bx-soa-cart-total-button-container>.btn {
	width: 100%;
}

.tanais-form-control {
    display: block;
    width: 100%;
    min-height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.bx-soa-more {
    border-top: 1px solid #e5e5e5;
    padding-top: 10px;
    margin-top: 10px;
}
.bx-soa-price-not-calc{
    border-bottom:1px dashed;
    color:#F55450;
    text-decoration:none;
    cursor: pointer;
}
.bx-soa-price-not-calc:active,
.bx-soa-price-not-calc:hover{
    border-color:transparent;
    color:#A94442;
}
.bx-soa-price-free{
    color: var(--color-primary-one);
}


/* SCU */
.bx-scu-container{overflow:hidden;}
.bx-soa-item-content .bx-scu-container {max-width: 200px;}
.bx-scu-block {}
.bx-scu-list {
    margin: 0;
    padding: 0 5px;
}
.bx-scu-itemlist {
    list-style: none;
    padding: 0;
    overflow: hidden;
    margin: 0 -5px;
    min-width: 40px;
}
.bx-scu-item {
    float: left;
    width: 20%;
    padding: 5px;
}
.bx-img-item {
    float: left;
    width: 50%;
    padding: 5px;
    min-width: 30px;
    max-width: 50px;
}

.bx-img-itemColor {
    position: absolute;
    top:   3px;
    right: 3px;
    left:  3px;
    bottom:3px;
    background-size: contain;
    -webkit-background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.bx-scu-itemColorBlock {
    position: relative;
    padding-top: 100%;
    cursor: pointer;
    outline: 1px solid #c0cfda;
    -webkit-transition: outline .2s ease;
    -moz-transition: outline .2s ease;
    -o-transition: outline .2s ease;
    transition: outline .2s ease;
}
.bx-scu-itemColorBlock:hover {outline: 1px solid #006cc0;}
.bx-scu-itemColorBlock.selected {outline: 2px solid #006cc0;}
.bx-scu-itemColor {
    position: absolute;
    top: 3px;
    right: 3px;
    left: 3px;
    bottom: 3px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.bx-scu-itemTextBlock {
    position: relative;
    cursor: pointer;
    outline: 1px solid #c0cfda;
    -webkit-transition: outline .2s ease;
    -moz-transition: outline .2s ease;
    -o-transition: outline .2s ease;
    transition: outline .2s ease;
}
.bx-scu-itemTextBlock:hover {outline: 1px solid #006cc0;}
.bx-scu-itemTextBlock.selected {outline: 2px solid #006cc0;}
.bx-scu-itemText {
    vertical-align: middle;
    text-align: center;
    font-size: 11px;
    line-height: 18px;
    white-space: nowrap;
    text-transform: uppercase;
    text-overflow: ellipsis;
    overflow: hidden;
}
/*.bx-step-completed*/ .bx-scu-container{
    position:relative;
    height:35px;
    overflow:hidden;
}

/*.bx-step-completed*/ .bx-scu-container:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:25px;
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background:    -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: 		linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.bx-selected .bx-scu-container{height:auto;}
.bx-selected .bx-scu-container:after{height: 0;}

/*.bx-step-completed*/ .bx-scu-container .bx-soa-item-td-title{line-height:20px;}

.bx-scu-container .bx-soa-item-td-title,
.bx-scu-container .bx-soa-item-td-text{
    float: left;
    font-size:13px;
    padding-right:5px;
    line-height:19px;
    vertical-align: middle;
    padding-bottom:3px;
}
.bx-scu-container .bx-soa-item-td-title{clear: both;}
/*.bx-scu-container .bx-soa-item-td-title:after{
    content:": ";
}*/

/* AUTH */
.bx-soa h3.bx-title {
    font-size: 15px;
    font-weight: bold;
}
.bx-soa-reg-block {
    background: #f8fafc;
    padding: 25px 20px;
}
.bx-soa-reg-block p {
    color: #595a5b;
    font-size: 13px;
    margin: 0 0 10px;
    padding: 0;
}


/*bx-soa-reference*/
.bx-soa-reference {
    color: #9a9a9a;
    font-size: 11px;
    padding-bottom: 5px;
}
.bx-soa-auth .bx-soa-reference {border-top: 1px solid #f2f2f2;}


/*REGION*/
.bx-sls .quick-location-tag,
.bx-slst .quick-location-tag {
    display: inline-block;
    background: #fff;
    border-radius: 3px;
    padding: 6px 15px 5px 15px;
    margin: 10px 2px;
    cursor: pointer;
    vertical-align: middle;
    font-size: 13px;
    line-height: 18px;
    height: auto;
    color: #333;
    border: 1px solid #D6D6D6;
    -webkit-transition: background 200ms ease;
    -moz-transition: background 200ms ease;
    -o-transition: background 200ms ease;
    transition: background 200ms ease;
    transition: .2s;
}

.bx-sls  .quick-location-tag:hover,
.bx-slst .quick-location-tag:hover {
    border-color: var(--color-primary-one);
    background-color: var(--color-primary-one-ligth);
    transition: .2s;
}
.bx-sls  .quick-location-tag:first-child,
.bx-slst .quick-location-tag:first-child {margin-left: 0;}
.bx-sls  .quick-location-tag:last-child,
.bx-slst .quick-location-tag:last-child {margin-right: 0;}
.bx-soa .bx-soa-location-offered small {color: #737373;}
.bx-soa-location-selected {
    padding-top: 12px;
    padding-bottom: 22px;
}

.tanais-form-group {
    margin-bottom: 15px;
}

.bx-soa .bx-soa-customer-label,
.bx-soa .tanais-form-group label {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 2px;
    color: #000;
}

.bx-soa .tanais-form-group .bx-soa-custom-label {
    font-size: 14px;
    padding-bottom: 2px;
    color: #606060;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.bx-soa .bx-soa-custom-label .bx-authform-starrequired {
    margin-left: 5px;
    font-size: 23px;
    color: var(--color-primary-one);
    line-height: 15px;
    position: relative;
    top: 5px;
}

.bx-soa .bx-soa-customer-label-container small,
.bx-soa .bx-soa-custom-label-container small,
.bx-soa .tanais-form-group label small {color: #737373;}

.bx-soa .bx-soa-location-input-container {position: relative;}
.bx-soa .bx-soa-customer-tel-input-container {position: relative;}
.bx-soa .bx-soa-customer-tel-input-container {height: 41px;}
.bx-soa .bx-soa-location-input {padding: 10px 40px 11px;}
.bx-soa .bx-soa-customer-tel-input {padding: 10px 11px 10px 50px;}
.bx-soa .bx-soa-location-input-container:before {
    content: " ";
    position: absolute;
    left: 8px;
    bottom: 9px;
    top: 9px;
    width: 20px;
    background-size: contain;
}


/*pay*/
.bx-soa-pp-company {
    padding-bottom: 20px;
    z-index: 100;
    position: relative;
}
.bx-soa-pp .bx-soa-pp-company {
    padding: 0;
    margin-bottom: 20px;
    cursor: pointer;
    -webkit-transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    transition: all 100ms ease;
}
.bx-soa-pp-desc-container {padding: 15px 0 0 0;}
.bx-soa-pp-desc-container .bx-soa-pp-company {
    border-top: 1px solid #eaeaea;
    padding-top: 10px;
    margin-bottom: 0;
}
input[type=checkbox].bx-soa-pp-company-checkbox {
    display: none;
}
.bx-soa-pp-company-image {
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.bx-soa-pp-company-smalltitle {
    color: #303030;
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
}
.bx-soa-pp-company-smalldescr {
	font-size: 12px;
	line-height: 16px;
    color: #999999;
    margin-top: 2px;
}
#bx-soa-delivery .bx-soa-pp-company-smalldescr {
    margin: 8px 0;
}
.bx-soa-pp-company-title {
    font-size: 19px;
    font-weight: bold;
}
.bx-soa-pp-company-subTitle {
    font-size: 15px;
    font-weight: bold;
}
.bx-soa-pp-company-selected{padding:4px 0;}
.bx-soa-pp-company-selected strong{margin-left:10px;}
ul.bx-soa-pp-list {
    padding: 0;
    list-style: none;
    font-size: 13px;
    color: #000;
}
ul.bx-soa-pp-list li {
    clear: both;
    padding: 5px 0;
}
.bx-soa-pp-list-termin {
    color: #8d8d8d;
    display: block;
}
.bx-soa-pp-list-description {display: block;}
.bx-soa-pp-delivery-cost {
	font-size: 16px;
	line-height: 22px;
	color: #303030;
    white-space: nowrap;
}
.bx-soa-pp-field .tanais-form-control{background: #fff;}
.bx-soa-pp-company-block .checkbox label,
.bx-soa-pp-company-block .tanais-form-group label{
    font-size:13px;
    line-height: 22px;
}
.bx-soa-pp-company-block .tanais-form-control{font-size:13px;}
.bx-soa-pp-price{
    text-align:right;
    padding: 4px 0;
}
.bx-soa-service-small{
    color: #a3a3a3;
    font-size: 11px;
    line-height: 20px;
}

.bx-soa-section.bx-step-good {
    -webkit-animation: animationBorderStep ease 5s;
    -moz-animation: animationBorderStep ease 5s;
    -o-animation: animationBorderStep ease 5s;
    animation: animationBorderStep ease 5s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes animationBorderStep {0%{border-color:#70BB18}100%{border-color: #91cedc}}
@-moz-keyframes animationBorderStep {0%{border-color:#70BB18}100%{border-color: #91cedc}}
@-ms-keyframes animationBorderStep {0%{border-color:#70BB18}100%{border-color: #91cedc}}
@-o-keyframes animationBorderStep {0%{border-color:#70BB18}100%{border-color: #91cedc}}
@keyframes animationBorderStep {0%{border-color:#70BB18}100%{border-color: #91cedc}}

.bx-soa-section.bx-step-bad {
    -webkit-animation: animationBorderStepBad ease 5s;
    -moz-animation: animationBorderStepBad ease 5s;
    -o-animation: animationBorderStepBad ease 5s;
    animation: animationBorderStepBad ease 5s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes animationBorderStepBad {0%{border-color:#db4a29}100%{border-color: #91cedc}}
@-moz-keyframes animationBorderStepBad {0%{border-color:#db4a29}100%{border-color: #91cedc}}
@-ms-keyframes animationBorderStepBad {0%{border-color:#db4a29}100%{border-color: #91cedc}}
@-o-keyframes animationBorderStepBad {0%{border-color:#db4a29}100%{border-color: #91cedc}}
@keyframes animationBorderStepBad {0%{border-color:#db4a29}100%{border-color: #91cedc}}

.bx-soa-changeCostSign {
    -webkit-animation: changeCostSign ease .4s;
    -moz-animation: changeCostSign ease .4s;
    -o-animation: changeCostSign ease .4s;
    animation: changeCostSign ease .4s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes changeCostSign {0%{opacity:1}40%{opacity:0}60%{opacity:0}100%{opacity:1}}
@-moz-keyframes changeCostSign {0%{opacity:1}40%{opacity:0}60%{opacity:0}100%{opacity:1}}
@-ms-keyframes changeCostSign {0%{opacity:1}40%{opacity:0}60%{opacity:0}100%{opacity:1}}
@-o-keyframes changeCostSign {0%{opacity:1}40%{opacity:0}60%{opacity:0}100%{opacity:1}}
@keyframes changeCostSign {0%{opacity:1}40%{opacity:0}60%{opacity:0}100%{opacity:1}}

.bx-sls.tanais-form-control {padding: 0;}
.bx-sls .bx-ui-sls-pane,
.bx-slst .bx-ui-combobox-dropdown{border: 1px solid #bdbdbd;}
.bx-sls .dropdown-fade2white,
.bx-slst .dropdown-fade2white{top:1px;}
.bx-sls .tanais-form-control.dropdown-block,
.bx-slst .tanais-form-control.dropdown-block{
    background-color: #f8fafc;
    border: 1px solid #d5dadc;
    box-shadow: none;
}
.has-error .bx-sls .tanais-form-control.dropdown-block,
.has-error .bx-slst .tanais-form-control.dropdown-block{
    border-color: #a94442;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.bx-slst .tanais-form-control .bx-ui-combobox-container .bx-combobox-fake-as-input{padding-top: 7px;}
.bx-bd-error {border-color: #db4a29;}
.bx-bd-waring {border-color: #CCBE71;}
.wsnw{white-space: nowrap;}

.bx-step-opacity {
    transition: 500ms opacity ease;
}

/* MAPS */
ymaps h3{
    margin: 6px 0 10px 0;
}

/* AUTH */
.bx-authform{
    margin: 0 0 25px;
}
/*block*/
.bx-authform-formgroup-container{
    margin-bottom: 25px;
}
.bx-authform-content-container,
.bx-authform-label-container{
    font-size:13px;
    color: #5a6c77;
    padding-bottom: 2px;
}
.bx-authform-input-container{
    position: relative;
}
.bx-authform-psw-protected{
    height: 38px;
    width: 38px;
    position: absolute;
    right: 1px;
    top: 50%;
    margin-top: -19px;
    background: url(/bitrix/templates/.default/components/bitrix/sale.order.ajax/tanais.order.ajax/images/sprite.png) no-repeat center;
    -webkit-background-size: 11px auto;
    		background-size: 11px auto;
}

.bx-authform-psw-protected-desc{
    display: none;
    background: #fff;
    position: absolute;
    width: 250px;
    left: 50%;
    margin-left: -125px;
    bottom: 100%;
    margin-bottom: 14px;
    border:1px solid #f0f1f2;
    padding: 10px 20px;
    font-size: 14px;
    z-index: 110;
    box-shadow: 0 6px 9px 0 rgba(0,0,0,.1)
}
.bx-authform-psw-protected:hover .bx-authform-psw-protected-desc{display: block;}
.bx-authform-psw-protected-desc>span{
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 14px;
    display: block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAOCAYAAAAxDQxDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjIzNzExNDdGRkJFMTFFNDg4RDM4NEY3NjNFRDYwRDUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjIzNzExNDhGRkJFMTFFNDg4RDM4NEY3NjNFRDYwRDUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMjM3MTE0NUZGQkUxMUU0ODhEMzg0Rjc2M0VENjBENSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMjM3MTE0NkZGQkUxMUU0ODhEMzg0Rjc2M0VENjBENSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PodxyuQAAAFASURBVHjarJS/SgNBEMZ3x00glj6DL2Fn5UtYi7WdlYUIYhGwCYgPYBeIjbUvIYikCxaCGk/wZvf2n98dCiEm521y2xwzOzO/m5tvTn5knyrG+LLZ6211ux3R5rHWCtZGhBBOCbaTUu7kzM9FYVuDeO+FNsWjD+EQ9S/px/8EY7ctmHVO5KwzwM5Iymu4pjRzP24D5tAJs34D7Bzm3a+f5uLWgpWfCzMZY+YHG0QXqDVdBloZZp0VXzmXAriCOZq/pyV5STB0Eo0pHqCufXQygCs2BTWCxUrC5eDZO+f7iL+BSy+KpX9ethZWSVibCSDHiLutK0QNPv9CGIpDXWaCPTkioj5c7+uC/sBctSccMfjBrITrjsQvKEXB25DufUepDPtyAnvYNFElrkrVGZZxD89hSqJaYflL2Gtq0rcAAwDa/ePzqfelnAAAAABJRU5ErkJggg==) no-repeat center bottom;
}
.bx-authform-input-container input[type="text"],
.bx-authform-input-container input[type="password"] {
    display: block;
    width: 100%;
    font-size: 18px;
    height: 38px;
    margin: 0;
    padding: 0 4px;
    border: 1px solid #CCD5DB;
    border-radius: 2px;
    background: #f8fafc;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bx-authform-input-container input[type="text"].bx-empty-field,
.bx-authform-input-container input[type="password"].bx-empty-field{
    border-color: #dd4b39;
}
span.bx-authform-starrequired{
    color: #d93333;
}
.bx-authform-formgroup-container .bx-captcha{
    margin-bottom: 10px;
}
.bx-authform-link-container,
.bx-authform-description-container{
    padding-bottom: 10px;
    font-size: 13px;
    color: #292d2e;
}
.bx-authform-description-container{
    font-size: 13px;
    color: #5a6c77;
}
.bx-authform-link-container{margin-bottom: 20px;}

hr.bxe-light{
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    margin-top: 20px;
    margin-bottom: 20px;
}

.alert{
    border: none;
    border-radius: 1px;
    font-size: 14px;
    padding: 15px;
    margin-bottom: 20px;
}
.bxe-aleft-title{
    font-weight: bold;
    padding-bottom: 5px;
}
.alert-success {
    color: #3C763D;
    background-color: #DFF0D8;
    border-color: #D6E9C6;
}
.alert-warning {
    color: #8A6D3B;
    background-color: #FCF8E3;
    border-color: #FAEBCC;
}
.alert-danger {
    color: #A94442;
    background-color: #F2DEDE;
    border-color: #EBCCD1;
}

/* PAGINATION */
.bx-pagination {
    margin-top: 10px;
}
.bx-pagination .bx-pagination-container {
    text-align: center;
    position: relative;
}
.bx-pagination .bx-pagination-container ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
}
.bx-pagination .bx-pagination-container ul li {
    display: inline-block;
    margin: 0 2px 0 2px;
}
.bx-pagination .bx-pagination-container ul li span{
    -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    -ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    -o-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    background: #eff0f1;
    padding: 0 8px;
    display: block;
    height: 32px;
    min-width: 32px;
    line-height: 32px;
    color: #444;
    font-size: 14px;
    border-radius: 16px;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.bx-pagination .bx-pagination-container ul li a {
    text-decoration: none;
    display: block;
    border-radius: 16px;
    display: block;
    height: 32px;
    min-width: 32px;
    line-height: 32px;
    color: #444;
    vertical-align: middle;
}
.bx-pagination .bx-pagination-container ul li a:hover span{
    background: #DADADA;
}
.bx-pagination .bx-pagination-container ul li.bx-active span{
    background: var(--color-primary-two);
    color: #fff;
}
.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a span {
    background: #fff;
    border: 2px solid #eff0f1;
    line-height: 28px;
    padding: 0 18px;
    color: #444;
}
.bx-pagination .bx-pagination-container ul li.bx-pag-all span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next span{
    color: #aab1b4;
    background: #fff;
    border: 2px solid #eff0f1;
    line-height: 28px;
    padding: 0 18px;
}
.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span {
    background: #fff;
    border-color: #DADADA;
    color: #000;
}

.bx-pagination.bx-green  .bx-pagination-container ul li.bx-active span{
    background: #3bc915;
    color: #fff;
}
.bx-pagination.bx-yellow  .bx-pagination-container ul li.bx-active span{
    background: #F9A91D;
    color: #fff;
}
.bx-pagination.bx-red  .bx-pagination-container ul li.bx-active span{
    background: #E22B2B;
    color: #fff;
}

#loading_screen{
    position:fixed;
    z-index: 1150;
    left:50%;
    top:50%;
    margin-left: -32px;
    margin-top: -32px;
    width:64px;
    height:64px;
}

.bx-soa-tooltip.bx-soa-tooltip-static{
    position: relative;
    z-index: 0;
}
.bx-soa-tooltip.bx-soa-tooltip-static .tooltip-arrow{left:20px;}

.bx-soa-tooltip .tooltip-inner{max-width: 350px; margin-bottom: 7px;}
.bx-soa-tooltip.bx-soa-tooltip-danger  .tooltip-arrow{border-top-color:#F2DEDE;}
.bx-soa-tooltip.bx-soa-tooltip-danger  .tooltip-inner{background:#F2DEDE;color:#A94442;}
.bx-soa-tooltip.bx-soa-tooltip-warning .tooltip-arrow{border-top-color:#FCF8E3;}
.bx-soa-tooltip.bx-soa-tooltip-warning .tooltip-inner{background:#FCF8E3;color:#8A6D3B;}
.bx-soa-tooltip.bx-soa-tooltip-success .tooltip-arrow{border-top-color:#dff0d8;}
.bx-soa-tooltip.bx-soa-tooltip-success .tooltip-inner{background:#dff0d8;color:#3c763d;}

.bx-soa-tooltip.bx-soa-tooltip-coupon{display:none;}
.bx-soa-coupon-item-used:hover    .bx-soa-tooltip,
.bx-soa-coupon-item-danger:hover  .bx-soa-tooltip,
.bx-soa-coupon-item-success:hover .bx-soa-tooltip{
    display:block;
    opacity:1;
    bottom:100%;
}
.bx-soa-tooltip-coupon>span{
    display:block;
    text-transform:none;
}


.bx-soa-empty-cart-image{
	width:131px;
	height:116px;
	margin:50px auto 42px;
	background:url('/bitrix/images/tanais.order/empty_cart.svg') no-repeat center;
	-webkit-background-size:contain;
			background-size:contain;
}
.bx-soa-empty-cart-text{
	font-size:36px;
	text-align:center;
	color:#bababa;
	margin-bottom:42px;
}
.bx-soa-empty-cart-desc{
	text-align:center;
	color:#000;
	font-size:16px;
	margin-bottom:42px;
}
.soa-property-container .input-group-addon{
	background:#fff;
}
.input-group-addon .bx-calendar{
	background:url('/bitrix/images/tanais.order/calendar.svg') no-repeat center;
	display: inline-block;
	width: 18px;
	background-size: 18px auto;
	height: 18px;
}
.icon-success {
    position: absolute;
    left: 16px;
    width: 21px;
    height: 21px;
    background-size: contain;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjEgMjEiPjxzdHlsZT4uc3Qwe2ZpbGw6IzcxYmEyNH08L3N0eWxlPjxwYXRoIGlkPSJGb3JtYV8xIiBjbGFzcz0ic3QwIiBkPSJNMTAuNSAwQzQuNyAwIDAgNC43IDAgMTAuNVM0LjcgMjEgMTAuNSAyMSAyMSAxNi4zIDIxIDEwLjUgMTYuMyAwIDEwLjUgMHpNOSAxNS40bC01LTQuOSAyLTIgMyAzIDYtNS45IDIgMi04IDcuOHoiLz48L3N2Zz4=);
}
.icon-warning {
    position: absolute;
    left: 16px;
    width: 22px;
    height: 20px;
    background-size: contain;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjIgMjAiPjxzdHlsZT4uc3Qwe2ZpbGw6I2RlYTcxMn08L3N0eWxlPjxwYXRoIGlkPSJGb3JtYV8xIiBjbGFzcz0ic3QwIiBkPSJNMjEuNyAxNi43TDEyLjkgMS4xQzEyLjMuMSAxMS0uMyAxMCAuM2MtLjQuMi0uNy41LS45LjhMLjMgMTYuN2MtLjQuNy0uNCAxLjUgMCAyLjIuNC43IDEuMSAxLjEgMS45IDEuMWgxNy43Yy44IDAgMS41LS40IDEuOS0xLjEuMy0uNy4zLTEuNS0uMS0yLjJ6bS0xMC43LjhjLS44IDAtMS40LS42LTEuNS0xLjQgMC0uOC42LTEuNCAxLjQtMS41LjggMCAxLjQuNiAxLjUgMS40IDAgLjgtLjYgMS41LTEuNCAxLjV6bTEuNC02LjJjMCAuOC0uNiAxLjQtMS40IDEuNHMtMS40LS42LTEuNC0xLjRWNC43YzAtLjQuMy0uNy43LS43aDEuNWMuNCAwIC43LjMuNy43bC0uMSA2LjZ6Ii8+PC9zdmc+);
}

/* USER CONSENT */
label[data-bx-user-consent] {
    line-height: 13px;
}
label[data-bx-user-consent] a{
    color: #000;
    font-size: 11px;
    font-weight: 100;
}
label[data-bx-user-consent] input{
    margin-top: 2px;
}

.bx-soa-section-title-icon {
    margin-right: 15px;
    display: flex;
}

.bx-soa-section-title-icon svg,
.bx-soa-section-title-icon svg path {
    fill: var(--color-primary-one);
}
.tanais-block-order .tanais-form-control {
    background: #F9F9F9;
    border: 1px solid #D6D6D6;
    border-radius: 3px;
    min-height: 36px;
    height: auto;
}

.tanais-block-order .tanais-form-control,
.tanais-block-order .tanais-form-control:hover,
.tanais-block-order .tanais-form-control:focus {
    box-shadow: none;
    outline: none;
}

.tanais-block-order .tanais-form-control.error {
    border-color: #f59595;
    background: rgba(255, 0, 0, 0.08);
}

.tanais-block-order .person-type input[type="radio"] {
    display: none;
}

.tanais-block-order .person-type .tanais-radio-inline {
    display: inline-block;
    padding: 0;
    margin: 0;
}
.tanais-block-order .person-type .tanais-radio-inline label{
    padding: 10px 30px;
    border: 1px solid #D6D6D6;
    border-radius: 3px;
    transition: .2s;
    display: inline-block;
    cursor: pointer;
}
.tanais-block-order .person-type .tanais-radio-inline.checked label {
    border-color: var(--color-primary-one);
    border-width: 2px;
}

.tanais-order .main-user-consent-request-announce-link {
	color: #606060;
	line-height: 17px;
	font-size: 14px;
}

#bx-soa-orderSave .checkbox {
	margin-bottom: 0;
}

#bx-soa-orderSave .checkbox label {
    display: flex;
}

#bx-soa-orderSave .checkbox label span {
    margin-left: 5px;
}

#bx-soa-orderSave .btn {
    float: right;
}

.tanais-order #orderDescription {
	min-height: 75px;
}

.bx-soa-pp-company-graf-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.tanais-order .single-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.tanais-order #bx-soa-paysystem,
.tanais-order #bx-soa-delivery {
    width: calc(50% - 15px);
}

.tanais-order #bx-soa-delivery .bx-soa-pp-company .checkbox input {
    margin-right: 7px;
    position: relative;
    top: 2px;
}

.tanais-order .single-container.one-child #bx-soa-paysystem,
.tanais-order .single-container.one-child #bx-soa-delivery {
    width: 100%;
}

.tanais-order #bx-soa-delivery .bx-soa-pp-company-graf-container {
    border-bottom: 1px dotted transparent;
	margin-top: -7px;
}

.tanais-order #bx-soa-delivery .bx-soa-pp-company-graf-container.has-delivery-cost {
    border-bottom-color: #B4B4B4;
}

.tanais-order #bx-soa-delivery .bx-soa-pp-company-graf-container .bx-soa-pp-company-smalltitle span,
.tanais-order #bx-soa-delivery .bx-soa-pp-company-graf-container .bx-soa-pp-delivery-cost {
	position: relative;
	top: 7px;
}

.tanais-order #bx-soa-delivery .bx-soa-pp-company-graf-container .bx-soa-pp-company-smalltitle span,
.tanais-order #bx-soa-delivery .bx-soa-pp-company-graf-container .bx-soa-pp-delivery-cost {
	background-color: #fff;
}

.tanais-order #bx-soa-delivery .bx-soa-pp-company-graf-container .bx-soa-pp-company-smalltitle {
	padding-right: 1px;
}

.tanais-order #bx-soa-delivery .bx-soa-pp-company-graf-container .bx-soa-pp-delivery-cost {
	padding-left: 1px;
}

.tanais-order #bx-soa-delivery .bx-soa-pp-company-graf-container .style-checkbox {
	top: 8px;
}

.tanais-order #bx-soa-pickup {
    width: 100%;
}

.bx-soa-pp-item-container {
    padding-left: 35px;
}

.bx-soa-pp-item-container .bx-soa-pp-company-graf-container {
    position: relative;
}

.bx-soa-pp-item-container .bx-soa-pp-company-graf-container .style-checkbox {
    position: absolute;
    width: 18px;
    height: 18px;
    border: 2px solid #D6D6D6;
    border-radius: 18px;
    background: #FFFFFF;
    left: -35px;
    top: 1px;
    transition: .2s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bx-soa-pp-item-container .bx-soa-pp-company:hover .bx-soa-pp-company-graf-container .style-checkbox,
.bx-soa-pp-item-container .bx-selected .bx-soa-pp-company-graf-container .style-checkbox {
    border-color: var(--color-primary-one);
    transition: .2s;
}

.bx-soa-pp-item-container .bx-selected .bx-soa-pp-company-graf-container .style-checkbox:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    position: absolute;
    background-color: var(--color-primary-one);
    transition: 6.2s;
}

.bx-soa-pickup-list-item.bx-selected .bx-soa-pickup-l-item-btn {
    display: none;
}

.bx-soa-pp-desc-container .checkbox {
    margin-bottom: 0;
}

#bx-soa-real-basket {
    margin-bottom: 20px;
}

.bx-soa-cart-total-form {
    display: none;
    position: relative;
}

.bx-soa-cart-total-form-title {
    margin-bottom: 15px;
    text-align: left;
}

.bx-soa-cart-total-form-title p {
    font-size: 18px;
    text-transform: uppercase;
}

.bx-soa-cart-total-form .btn {
    width: 100%;
    margin-top: 10px;
}

.bx-soa-cart-total-form-field {
    margin-bottom: 10px;
}

.bx-soa-cart-total-form-field span {
    font-weight: normal;
    font-size: 14px;
    color: #303030;
    margin-bottom: 5px;
    display: block;
}

.bx-soa-cart-total-form-field span i {
    font-style: normal;
    color: red;
    font-size: 17px;
    line-height: 0;
}

.bx-soa-cart-total-form-close-btn {
    width: 25px;
    height: 25px;
    position: absolute;
    display: inline-block;
    z-index: 200;
    text-indent: -9999px;
    cursor: pointer;
    right: 0;
    top: -2px;
}
.bx-soa-cart-total-form-close-btn:before,
.bx-soa-cart-total-form-close-btn:after {
    content: '';
    width: 100%;
    height: 2px;
    background: var(--color-primary-two);
    position: absolute;
    top: 48%;
    left: 0;
    transform: rotate(45deg);
    transition: all 0.3s ease-out;
}
.bx-soa-cart-total-form-close-btn:after {
    transform: rotate(-45deg);
    transition: all 0.3s ease-out;
}
.bx-soa-cart-total-form-close-btn:hover:before,
.bx-soa-cart-total-form-close-btn:hover:after {
    transform: rotate(180deg);
    background: var(--color-primary-two);
}

.bx-soa-header-panel {
    margin-bottom: 20px;
    padding: 0 15px;
}

.bx-soa-header-panel-buttons {
    display: flex;
    align-items: center;
}

.bx-soa-header-panel-buttons .soa-icon-link {
    margin-left: 15px;
    cursor: pointer;
}

.bx-soa-header-panel-buttons .soa-icon-link svg,
.bx-soa-header-panel-buttons .soa-icon-link svg path {
    transition: .2s;
}

.bx-soa-header-panel-buttons .soa-icon-link:hover svg,
.bx-soa-header-panel-buttons .soa-icon-link:hover svg path {
    fill: var(--color-primary-two);
    transition: .2s;
}

.bx-soa-header-panel .soa-back-to-catalog-link {
    padding-top: 8px;
    padding-bottom: 8px;
    margin-right: auto;
}

.bx-soa-header-panel .soa-back-to-catalog-link i {
    position: relative;
    top: -1px;
    margin-right: 3px;
}

.bx-soa-cart-total-form-message-box {
    margin-bottom: 15px;
    font-size: 13px;
    padding: 3px 8px;
    line-height: 15px;
    border-radius: 3px;
    display: none;
}

.bx-soa-cart-total-form-message-box p {
    margin-top: 6px;
    margin-bottom: 6px;
}

.bx-soa-cart-total-form-message-box.error {
    color: #ff0000;
    background: rgb(255, 0, 0, 0.06);
    display: block;
}

.soa-buy-one-click-captcha-block img {
    margin-top: 7px;
}

.soa-property-container.has-soa-action-button {
    display: flex;
}

.soa-property-container.has-soa-action-button input {
    flex: 1;
}

.soa-property-container.has-soa-action-button .btn {
    margin-left: 20px;
    padding-top: 8px;
    padding-bottom: 7px;
}

.soa-property-container.has-soa-company-suggest,
.soa-property-container.has-soa-address-suggest
{
    position: relative;
}

.soa-property-container.has-soa-company-suggest .soa-suggests-company-container,
.soa-property-container.has-soa-address-suggest .soa-suggests-container
{
    display: none;
    position: absolute;
    z-index: 10;
    background: #f9f9f9;
    border: 1px solid #d6d6d6;
    border-top: 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    top: calc(100% - 1px);
    width: 100%;
}

.soa-property-container.has-soa-address-suggest .soa-suggests-container {
    border-top: 1px solid #d6d6d6;
}

.soa-property-container.has-soa-company-suggest .soa-suggests-company-block,
.soa-property-container.has-soa-address-suggest .soa-suggests-block
{
    display: flex;
    flex-direction: column;
}

.soa-property-container.has-soa-company-suggest .soa-suggests-company-block span,
.soa-property-container.has-soa-address-suggest .soa-suggests-block span
{
    padding: 5px 10px;
    cursor: pointer;
    transition: .2s;
    color: #232323;
}

.soa-property-container.has-soa-company-suggest .soa-suggests-company-block span:last-child,
.soa-property-container.has-soa-address-suggest .soa-suggests-block span:last-child
{
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.soa-property-container.has-soa-company-suggest .soa-suggests-company-block span:hover,
.soa-property-container.has-soa-address-suggest .soa-suggests-block span:hover
{
    background: var(--color-primary-two);
    color: #fff;
    transition: .2s;
}

.tanais-order .bx-sls .bx-ui-sls-fake, .tanais-order .bx-sls .bx-ui-sls-route {
	height: 36px;
}

.tanais-order .bx-sls .dropdown-icon {
	top: 11px;
}

.tanais-order .bx_soa_location .bx-sls .bx-ui-sls-container {
    min-height: 36px;
}

.tanais-order .bx_soa_location .bx-sls .dropdown-block {
    border-radius: 3px;
    background-color: #F9F9F9;
}

.tanais-order .bx-sls .bx-ui-sls-clear {
	margin-top: 4px;
}

.sale_order_full_table.pay{margin:35px 0px 0px;}
.sale_order_full_table{position:relative;display:block;margin:0 auto;max-width:730px;}
.sale_order_full_table:first-of-type{padding:10px 0 0 !important;text-align:center;color:#333;border:none !important;}
.sale_order_full_table:first-of-type:before{content:"";position:absolute;left:50%;top:0;margin:0 0 0 -35px;width:70px;height:70px;}
.sale_order_full_table:last-of-type{border:1px solid #eaeaea;padding:34px 39px 34px;}
.sale_order_full_table:last-of-type tr:last-child td:first-child{padding-top:20px;}
.sale_order_full_table > tbody{display:block;}
.sale_order_full_table > tbody > tr{display:block;}
.sale_order_full_table .ps_logo{display:block;}
.sale_order_full_table .ps_logo br{display:none;}
.sale_order_full_table .ps_logo .pay_name{margin:0 0 22px;font-size:18px;font-weight:bold;line-height:20px;color:#333;}
.sale_order_full_table .ps_logo img {margin:0 25px 0 0;text-align:center;border:1px solid #eaeaea; padding: 3px;}
.sale_order_full_table .ps_logo .paysystem_name{display:inline-block;vertical-align:middle;font-size:14px;line-height:20px;color:#333333;}
.sale_order_full_table td>.tablebodytext{display:block;color:#333;}
.sale_order_full_table .tablebodytext br:first-of-type{display:none;}
.sale_order_full_table form[name="ShopForm"] .tablebodytext{display:block;margin:8px 0 0;font-size:12px;line-height:18px;color:#777777;}
.sale_order_full_table form[name="ShopForm"] .tablebodytext b{font-weight:normal;color:#333333;}
.sale_order_full_table input[name="BuyButton"]{display:inline-block;margin:26px 10px 26px 0;padding:7px 19px 9px;font-size:14px;line-height:20px;font-weight:bold;color:#fff;border:1px solid transparent;}
.sale_order_full_table input[name="BuyButton"] + p{display:inline-block;margin:0 0 15px 0;}

.tanais-order .tanais-flex-block {
    display: flex;
    width: 100%;
}

.tanais-order .tanais-main-block {
    flex: 1;
    padding-right: 35px;
}

.tanais-order .tanais-sidebar-block {
    width: 23%;
    max-width: 100%;
}


@media (max-width:991px) {
    .tanais-block-order {
     	flex-direction: column;
     }

    .tanais-block-order .tanais-sidebar-block {
    	width: 100%;
    }
    .tanais-block-order .tanais-main-block {
        padding-right: 0;
    }
    .tanais-block-order {
        flex-wrap: wrap;
    }
    .tanais-order {
        margin-bottom: 30px;
    }
    .bx-soa-item-table,
    .bx-soa-item-table>tbody,
    .bx-soa-item-tr,
    .bx-soa-item-td{display:block;}
    .bx-soa-item-tr.bx-soa-item-info-container,
    .bx-soa-item-tr .bx-soa-item-td{border:none;}
    .bx-soa-item-tr{
        border-top: 1px dotted #e5e5e5;
        padding-bottom:15px;
        padding-top:10px;
        overflow:hidden;
    }
    .bx-soa-item-tr.bx-soa-item-tr-first{border:none;}
    .bx-soa-item-block{ overflow:hidden;}
    .bx-soa-item-properties.bx-text-right .bx-soa-item-td-title,
    .bx-soa-item-properties.bx-text-right .bx-soa-item-td-text{ text-align:center;}
}
@media (min-width:581px) and (max-width:991px){
    .bx-soa-item-properties{float:left; padding-bottom:10px;}
    .bx-soa-item-td-title,
    .bx-soa-item-nth-4p1,
    .bx-soa-item-tr{clear:both;}
}
@media (max-width:580px){
    .bx-soa-item-td {line-height: 17px;}
    .bx-soa-item-img-block{
        float:none;
        max-width: 160px;
        margin: 0 auto;
        padding-right:0;
    }
    .bx-soa-section.bx-step-completed .bx-soa-item-img-block{float:left;}
    .bx-soa-item-content{padding-top:15px;}
    .bx-soa-section.bx-step-completed .bx-soa-item-content{padding-top:0;}
    .bx-scu-container{padding-top:10px;}
    .bx-soa-item-td-title,
    .bx-soa-item-td-text{
        line-height:20px;
        display:inline-block !important;
        padding: 2px 5px;
        text-align: left;
        vertical-align:middle;
        font-size:13px;
    }
    .bx-soa-item-td-title:after {content: ":"}
    .bx-soa-item-properties {padding:0;}
}
@media (min-width: 580px) {
    .bx-soa-item-img-block {
        width: 85px;
        margin: 0;
    }
}

@media (min-width:769px){
    .bx-soa-item-td{
        padding-left: 7px;
        padding-right:7px;
        padding-bottom:10px;
    }
}

@media (max-width: 991px) {
    .bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-d {
        white-space: nowrap;
        font-size: 19px;
    }
    .bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-d span {font-size: 14px;}
}

@media (max-width: 580px) {
    .bx-soa-coupon-label {
        /*text-align: center;*/
        display: block;
        padding-bottom: 5px;
    }
    .bx-soa-coupon-block {display: block;}
    .bx-soa-coupon-input {text-align: center;}
    .bx-soa-coupon-input input {display: inline-block !important;}
    .bx-soa-coupon-item {text-align: center;}
    .bx-soa-coupon-item strong {
        display: inline-block;
        position: relative;
        /*right: -20px;*/
    }
    .bx-soa-coupon-item strong:first-child {margin-left: 0;}
    .bx-soa-coupon-remove:after {
        content: "";
        clear: both;
    }
    .bx-soa-more {padding-top: 10px;}
    .bx-soa-pickup-l-item-detail {padding-left: 0;}
    .bx-soa-pickup-l-item-img {
        position: relative;
        left: auto;
        top: auto;
        max-width: 200px;
        max-height: 200px;
    }
    .bx-soa-pickup-l-item-adress {padding-right: 0;}
}

@media(max-width: 768px){
    .bx-soa-cart-total.bx-soa-cart-total-fixed{
        position: static;
        width: 100% !important;
    }
    .bx-soa-cart-total.bx-soa-cart-total-bottom{
        opacity:1 !important;
        position: static;
    }
    .bx-soa-cart-total-ghost{
        display: none;
    }
}

@media (max-width:580px){
    .bx-soa-item-info-container .bx-soa-item-td{
        position:static;
        left:auto;
        right:auto;
        padding:0;
    }
    .bx-soa-item-info-container{
        position:relative;
        height:auto !important;
        min-height:0;
    }
}

@media (max-width: 580px){
    .bx-img-item {
        width: 45px;
    }

}

@media (max-width:768px) {
    .tanais-order .single-container {
        flex-direction: column;
    }

    .tanais-order #bx-soa-paysystem,
    .tanais-order #bx-soa-delivery {
        width: 100%;
    }

    .bx-soa-header-panel-buttons .soa-icon-link svg,
    .bx-soa-header-panel-buttons .soa-icon-link svg path {
        zoom: 1.4;
    }
}

@media (min-width:481px) and (max-width:766px) {
    .bx-soa-pp-desc-container .bx-soa-pp-company-smalltitle {display: none; }
    .bx-soa-pp-list-termin {width: 30%;}
}

@media (max-width:480px) {
    .bx-soa-pp-company-title {display: none;}

    .bx-soa-pp-item-container {border-right: none;}
    .bx-soa-pp-desc-container {}
    .bx-soa-pp-desc-container .bx-soa-pp-company-smalltitle {display: none;}
    .bx-soa-pp-list-termin {width: 40%;}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),@media only screen and (min--moz-device-pixel-ratio: 2),@media only screen and (-moz-min-device-pixel-ratio: 2),@media only screen and (-o-min-device-pixel-ratio: 2/1),@media only screen and (min-device-pixel-ratio: 2),@media only screen and (min-resolution: 192dpi),@media only screen and (min-resolution: 2dppx){
    .bx-soa-location-input-container {
        border-width: .5px;
    }
}

@media (min-width:768px){
    .bx-scu-container .bx-soa-item-td-title, .bx-scu-container .bx-soa-item-td-text {
        padding-bottom:0;
        line-height:20px;
    }
}

@media (max-width: 768px) {
    .bx-scu-container{height:auto;}
    .bx-scu-container:after{height: 0;}
}

.bx_soa_pickup .bx-soa-pickup-l-item-btn .btn {
	padding: 5px 15px;
	font-size: 14px;
}

.tanais-order #orderDescription.tanais-textarea {
    min-height: 75px;
}

#tanais-basket-share-root {
    --color-primary-one: #F8981B;
}

.tanais-block-order .soa-icon-share-basket {
    transition: 0.2s;
    position: relative;
    text-align: center;
    display: inline-block;
    text-decoration: none;
}

.tanais-block-order .soa-icon-share-basket a {
    color: #999;
    font-family: Open Sans, serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.tanais-block-order .copy-success-message {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    transition: opacity 0.3s ease;
    pointer-events: none;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    margin-top: 10px;
    width: max-content;
    z-index: 40;
    padding: 6px 8px;
    background: var(--color-primary-one);
    color: #fff;
    text-align: center;
    border-radius: 3px;
    white-space: normal;
    font: 400 14px / 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    cursor: auto;
}

.tanais-block-order .copy-success-message::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent var(--color-primary-one) transparent;
}

/* End */
/* /local/templates/medicinapress/template_styles.css?179318326637027 */
/* /bitrix/templates/.default/components/bitrix/sale.order.ajax/tanais.order.ajax/style.css?175672249861725 */