@charset "UTF-8";
/* dp-header.css — шапка сайту (headers/header9.tpl). Раніше ці правила були вбудовані в шаблон.
   Порядок блоків збережено. */

/* ===== Шапка: десктоп (від 992px) і мобільний пошук та лічильник кошика ===== */
/* ==========================================================================
   Шапка, десктоп. Один набір правил на весь верх сторінки:
   спільна типографіка, спільні відступи, однакові кнопки.
   Мобільна версія лишається темовою — сюди не потрапляє.
   ========================================================================== */
@media (min-width: 992px) {

	/* --- спільні величини ------------------------------------------------ */
	/* текст:      13px службовий · 15px поле · 20px телефон
	   кольори:    #2c2340 основний · #7a7391 другорядний · #8a2b8e акцент
	   кнопки:     44x44, радіус 10, підсвітка #f5f2fa                       */

	/* --- верхня стрічка: одна лінія, графік притиснутий до правого краю --- */
	#top > .container {
		display: flex !important;
		align-items: center;
		gap: 20px;
		min-height: 38px;
	}
	#top > .container > * {
		float: none !important;
		width: auto !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	#top .theme-top-menu { flex: 1 1 auto; }
	#top .theme-top-menu > ul {
		display: flex !important;
		align-items: center;
		gap: 18px;
		margin: 0 !important;
		padding: 0 !important;
	}
	#top .theme-top-menu > ul > li {
		margin: 0 !important;
		padding: 0 !important;
		flex: 0 0 auto;
		white-space: nowrap;
	}
	#top .theme-top-menu > ul > li a,
	#top .theme-top-menu > ul > li span { white-space: nowrap; }
	.dp-worktime {
		margin-left: auto !important;
		align-self: center;
		line-height: 1 !important;
		display: flex !important;
		align-items: center;
	}
	.dp-worktime svg { display: block; }


	#top .theme-top-menu li,
	#top .theme-top-menu li a,
	#top .theme-top-menu li span,
	.dp-worktime {
		font-size: 13px !important;
		font-weight: 400 !important;
		color: #6a6480 !important;
		letter-spacing: 0 !important;
	}
	#top .theme-top-menu li a:hover { color: var(--dp-primary) !important; }

	.dp-worktime {
		float: right;
		display: flex;
		align-items: center;
		gap: 7px;
		white-space: nowrap;
	}
	.dp-worktime svg { flex: none; opacity: .75; }

	/* --- середній ряд ----------------------------------------------------- */
	.dp-head-row {
		display: flex;
		align-items: center;
		gap: 26px;
		padding: 16px 0 !important;
	}
	.dp-head-row > div { float: none !important; width: auto !important; padding: 0 !important; margin: 0 !important; }
	.dp-head-row .theme-logo    { flex: 0 0 auto; }
	.dp-head-row .dp-search-col { flex: 1 1 auto; max-width: 520px; }
	.dp-head-row .callme-header2{ flex: 0 0 auto; }
	.dp-head-row .theme-compact { flex: 0 0 auto; margin-left: auto; }

	.dp-head-row .theme-logo,
	.dp-head-row .theme-logo #logo,
	.dp-head-row .theme-logo #logo a { display: flex !important; align-items: center; margin: 0 !important; }
	/* логотип рівно тієї ж висоти, що й поле пошуку */
	.theme-logo #logo img { display: block; max-width: 230px; max-height: 46px; width: auto; height: auto; }

	/* --- пошук ------------------------------------------------------------ */
	/* рамка одна — на всій обгортці; поле й кнопка всередині без власних
	   рамок і заокруглень, зайве обрізає overflow — звідси й були «пікселі» */
	.dp-search-col #search {
		display: flex !important;
		float: none !important;
		width: 100%;
		height: 46px;
		border: 2px solid var(--dp-primary);
		border-radius: 8px;
		overflow: hidden;
		background: #fff;
		box-sizing: border-box;
	}
	.dp-search-col #search .form-control {
		height: 100% !important;
		margin: 0 !important;
		padding: 0 16px;
		border: 0 !important;
		border-radius: 0 !important;
		font-size: 15px;
		color: #2c2340;
		background: #fff;
		box-shadow: none !important;
		box-sizing: border-box;
	}
	.dp-search-col #search .form-control::placeholder { color: #9a93ab; }
	.dp-search-col #search .input-group-btn { width: auto !important; display: flex !important; align-items: stretch; }
	.dp-search-col #search .input-group-btn .btn {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		gap: 9px;
		height: 100% !important;
		min-width: 128px;
		margin: 0 !important;
		padding: 0 18px !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: linear-gradient(135deg, var(--dp-primary), var(--dp-primary)) !important;
		color: #fff !important;
		font-size: 15px !important;
		font-weight: 400 !important;
		white-space: nowrap;
	}
	.dp-search-col #search .input-group-btn .btn:hover { filter: brightness(1.08); }
	.dp-search-col #search .input-group-btn .btn i { color: #fff !important; font-size: 15px !important; }
	.dp-search-col #search .input-group-btn .btn::after { content: 'Знайти'; }
	html[lang="ru"] .dp-search-col #search .input-group-btn .btn::after { content: 'Найти'; }
	.search-compact { display: none !important; }

	/* панель живих підказок: тема вішає їй від'ємний відступ і бічні поля,
	   через що вона налазила на поле й висіла криво */
	.dp-search-col #anystore-search {
		/* над липкою стрічкою категорій (1020), як і кошик (1030) */
		z-index: 1030 !important;
		margin: 6px 0 0 !important;
		padding: 6px 0 !important;
		border: 0 !important;
		border-radius: 12px !important;
		box-shadow: 0 14px 34px -14px rgba(40, 20, 70, .45) !important;
		background: #fff !important;
		overflow: hidden;
	}
	.dp-search-col #anystore-search .loading { margin: 16px auto !important; display: block; }
	.dp-search-col #anystore-search ul li { padding: 8px 12px !important; }
	.dp-search-col #anystore-search ul li:hover { background: #faf8fd !important; }

	/* --- телефон ---------------------------------------------------------- */
	.dp-phone { text-align: center; line-height: 1.3; }
	.dp-phone-num {
		display: inline-block;
		font-size: 20px !important;
		font-weight: 700 !important;
		color: #2c2340 !important;
		text-decoration: none;
	}
	.dp-phone-num:hover { color: var(--dp-primary) !important; }
	.dp-phone-msg { display: flex; align-items: center; justify-content: center; gap: 7px; margin-top: 5px; }
	.dp-msg { line-height: 0; }
	/* у viber.png більше порожнього поля навколо кружечка, тому при
	   однаковій висоті він виглядав дрібнішим за сусідів */
	.dp-msg img { height: 20px !important; width: 20px !important; display: block; object-fit: contain; }
	.dp-msg img[src*="viber"] { height: 23px !important; width: 23px !important; }
	.dp-phone-cap { font-size: 12.5px !important; color: #7a7391 !important; margin-left: 2px; }

	/* --- кабінет і кошик -------------------------------------------------- */
	/* z-index 1030: блоки в описі товару (.uzs-hero) і наліпки на картках
	   сидять на 999 і перекривали шапку. Вище 1040 не піднімаємо — там
	   починаються бутстрапівські модалки. */
	.theme-compact { position: relative; z-index: 1030; display: flex !important; align-items: center; gap: 6px; height: 46px; }
	.dp-head-row .theme-compact .account-compact,
	.dp-head-row .theme-compact .theme-cart {
		display: flex !important;
		align-items: center;
		height: 46px;
	}
	.dp-head-row .theme-compact .btn i { line-height: 1 !important; vertical-align: middle; }
	/* style/script усередині блоку кошика показувати не можна —
	   інакше їхній текст вилазить у шапку */
	.theme-compact style,
	.theme-compact script { display: none !important; }
	.theme-compact > *:not(style):not(script):not(.search-compact),
	.theme-compact .btn-group { display: flex !important; align-items: center; height: 46px; }
	.dp-head-row .theme-compact .search-compact { display: none !important; }
	.theme-compact .dropdown-menu { z-index: 1100; }

	/* тема тримає кошик у боксі 40px, а кнопка йде btn-block на всю ширину —
	   через це підсвітка не збігалася з вмістом */
	.dp-head-row .theme-compact .account-compact,
	.dp-head-row .theme-compact .theme-cart,
	.dp-head-row .theme-compact .btn-group,
	.dp-head-row .theme-compact .btn-block,
	.dp-head-row .theme-compact .account-compact .btn,
	.dp-head-row .theme-compact .theme-cart .btn {
		float: none !important;
		width: auto !important;
		margin: 0 !important;
		background: none !important;
		border: 0 !important;
	}

	/* обидві кнопки — один бокс, однакова підсвітка */
	.dp-head-row .theme-compact .account-compact .btn,
	.dp-head-row .theme-compact .account-compact .btn-group > .btn,
	.dp-head-row .theme-compact .theme-cart .btn {
		display: inline-flex !important;
		align-items: center;
		gap: 9px;
		height: 44px !important;
		min-width: 44px;
		padding: 0 10px !important;
		border: 0 !important;
		border-radius: 10px !important;
		background: none !important;
		background-image: none !important;
		box-shadow: none !important;
		color: #2c2340 !important;
		font-size: 13.5px !important;
		line-height: 1 !important;
		transition: background-color .15s;
	}
	/* підсвітка однакова для обох і тільки моя — тема на :hover і :focus
	   підставляє власну рамку з градієнтом, її гасимо */
	.dp-head-row .theme-compact .account-compact .btn:hover,
	.dp-head-row .theme-compact .account-compact .btn:focus,
	.dp-head-row .theme-compact .account-compact .btn:active,
	.dp-head-row .theme-compact .account-compact.open > .btn,
	.dp-head-row .theme-compact .theme-cart .btn:hover,
	.dp-head-row .theme-compact .theme-cart .btn:focus,
	.dp-head-row .theme-compact .theme-cart .btn:active,
	.dp-head-row .theme-compact .btn:hover,
	.dp-head-row .theme-compact .btn:focus,
	.dp-head-row .theme-compact .btn:active,
	.dp-head-row .theme-compact .open > .btn {
		background-color: #f5f2fa !important;
		background-image: none !important;
		border: 0 !important;
		box-shadow: none !important;
		outline: 0 !important;
		color: #2c2340 !important;
	}

	/* іконки — фірмовим кольором, без рамок, які тема вішає на кожен <i> */
	.theme-compact i,
	.theme-compact .fa,
	.dp-phone i { border: 0 !important; padding: 0 !important; background: none !important; }
	/* обидві іконки однакового розміру й ваги — тема давала кошику
	   висоту 40px проти 19px у кабінету, звідси й перекіс */
	/* обидві іконки — однаковий квадрат 26x26 з гліфом по центру.
	   Вони з різних шрифтів (icon-user і fa-shopping-bag), тому просто
	   однакового кегля мало: без спільного боксу вони сидять по-різному */
	.theme-compact .btn > i,
	.theme-compact #cart-total > i,
	.theme-compact .dp-cart-ico i,
	.theme-compact .account-compact i {
		color: var(--dp-primary) !important;
		font-size: 23px !important;
		line-height: 1 !important;
		width: 26px !important;
		height: 26px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		margin: 0 !important;
		padding: 0 !important;
		vertical-align: middle !important;
	}

	.theme-compact #cart-total {
		position: relative;
		display: inline-flex !important;
		align-items: center;
		gap: 12px;
		border: 0 !important;
		background: none !important;
		/* сирий текст «1 товар(ів) - 45 грн» ховаємо: показуємо тільки
		   те, що зібрав скрипт — інакше він блимає при оновленні кошика */
		font-size: 0 !important;
	}
	/* свої іконки — однакова товщина ліній і однаковий бокс */
	.theme-compact .dp-ico {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		width: 26px !important;
		height: 26px !important;
		color: var(--dp-primary) !important;
		font-size: 0 !important;
		line-height: 0 !important;
	}
	.theme-compact .dp-ico svg { width: 24px; height: 24px; display: block; stroke: var(--dp-primary) !important; fill: none !important; }

	.dp-cart-ico { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; flex: none; }
	.dp-cart-ico i { line-height: 1 !important; }
	.dp-cart-lb {
		display: inline-flex;
		margin-left: 12px;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		line-height: 1.25;
		text-align: left;
	}
	.theme-compact #cart-total .dp-cart-lb b {
		font-size: 13.5px !important;
		font-weight: 500 !important;
		color: #2c2340 !important;
	}
	.theme-compact #cart-total .dp-cart-sum {
		font-size: 12px !important;
		color: #8b849c !important;
	}
	.dp-cart-badge {
		position: absolute;
		top: -6px;
		right: -6px;
		min-width: 15px;
		height: 15px;
		padding: 0 3px;
		border: 2px solid #fff;
		border-radius: 10px;
		background: var(--dp-primary);
		color: #fff !important;
		font-size: 9.5px;
		font-weight: 700;
		line-height: 15px;
		text-align: center;
	}

	/* --- липка стрічка категорій ------------------------------------------ */
	.dp-sticky-menu {
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		/* було 900 — і будь-який блок опису товару на z-index:999 накривав
		   і стрічку, і її випадайки. Тримаємо нижче .theme-compact (1030),
		   щоб випадайка кошика лишалась поверх стрічки. */
		z-index: 1020;
		background: #fff;
		box-shadow: 0 6px 18px -12px rgba(40, 20, 70, .55);
	}

	/* --- прокрутка всередині панелей мегаменю ------------------------------ */
	/* Довгі панелі (картриджі, космецевтика) не вміщались в екран: колесо
	   миші прокручувало сторінку під панеллю, а сама панель стояла.
	   overscroll-behavior:contain не дає скролу «пробитись» на сторінку,
	   коли панель домотана до краю. Точну висоту рахує JS нижче — вона різна
	   до і після прилипання стрічки; тут лише запасне значення. */
	.oc_mm ul.mm .mm-submenu,
	.oc_mm ul.mm .mm-submenu-menu {
		max-height: calc(100vh - 120px);
		overflow-y: auto;
		overscroll-behavior: contain;
		-webkit-overflow-scrolling: touch;
	}
	.oc_mm ul.mm .mm-submenu::-webkit-scrollbar,
	.oc_mm ul.mm .mm-submenu-menu::-webkit-scrollbar { width: 8px; }
	.oc_mm ul.mm .mm-submenu::-webkit-scrollbar-thumb,
	.oc_mm ul.mm .mm-submenu-menu::-webkit-scrollbar-thumb {
		background: #d9cfe0; border-radius: 8px;
	}

	/* якщо вікно розтягнули з мобільного до десктопного вже після завантаження —
	   мобільний бейдж кошика має зникнути, а не висіти голим текстом */
	.theme-cart .dp-cart-badge { display: none !important; }
}
/* ==========================================================================
   Мобільна шапка: чіпаємо ТІЛЬКИ випадайку пошуку.
   Кнопки, іконки й кошик лишаються такими, якими їх малює тема.
   ========================================================================== */
@media (max-width: 991px) {
	.search-compact.search-compact .dropdown-menu.dropdown-menu {
		position: fixed !important;
		left: 8px !important;
		right: 8px !important;
		width: auto !important;
		max-width: none !important;
		min-width: 0 !important;
		margin-top: 8px !important;
		padding: 8px !important;
		border: 0 !important;
		border-radius: 14px !important;
		box-shadow: 0 12px 34px -14px rgba(40, 20, 70, .5) !important;
		background: #fff !important;
		box-sizing: border-box;
	}
	.search-compact.search-compact .dropdown-menu > * { width: 100% !important; margin: 0 !important; }

	.search-compact #search {
		display: flex !important;
		width: 100% !important;
		height: 46px;
		border: 2px solid var(--dp-primary);
		border-radius: 10px;
		overflow: hidden;
		background: #fff;
		box-sizing: border-box;
	}
	.search-compact #search .form-control {
		flex: 1 1 auto !important;
		width: auto !important;
		min-width: 0 !important;
		height: 100% !important;
		margin: 0 !important;
		padding: 0 14px !important;
		border: 0 !important;
		border-radius: 0 !important;
		font-size: 15px !important;
		background: #fff !important;
		box-shadow: none !important;
	}
	.search-compact #search .input-group-btn {
		flex: 0 0 auto !important;
		width: auto !important;
		display: flex !important;
		padding: 0 !important;
		margin: 0 !important;
		font-size: 0 !important;
	}
	.search-compact #search .input-group-btn > *:not(.btn) { display: none !important; }
	.search-compact #search .input-group-btn .btn {
		width: 100% !important;
		height: 100% !important;
		margin: 0 !important;
		padding: 0 20px !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: linear-gradient(135deg, var(--dp-primary), var(--dp-primary)) !important;
		color: #fff !important;
		font-size: 17px !important;
	}
	.search-compact #search .input-group-btn .btn i { color: #fff !important; }

	/* --- лічильник на іконці кошика ---------------------------------------
	   Тема малює бейдж лише для варіанта .compact-count, а cart.tpl віддає
	   його тільки для шапок header2/3/4/5/7. На header9 виходить
	   .static-cart-count, для якого стилів лічильника не існує взагалі —
	   тому число й зникло. Малюємо своє, число рахує скрипт нижче. */
	.theme-cart #cart > .btn { position: relative !important; overflow: visible !important; }
	.theme-cart .dp-cart-badge {
		position: absolute;
		top: 1px;
		right: 1px;
		min-width: 17px;
		height: 17px;
		padding: 0 4px;
		box-sizing: border-box;
		border-radius: 9px;
		background: var(--dp-primary);
		color: #fff;
		font-size: 10px;
		font-weight: 700;
		line-height: 17px;
		text-align: center;
		pointer-events: none;
		box-shadow: 0 0 0 2px #fff;
	}
	.theme-cart .dp-cart-badge[hidden] { display: none !important; }
}

/* ===== Вікно «Контакти» (кнопка телефону на мобільному й пункт «Контакти» в меню) ===== */
.ts-mw-block{display:none !important}
.dpk-ov{position:fixed;inset:0;z-index:2147483000;background:rgba(36,26,48,.45);display:none;align-items:flex-end;justify-content:center}
.dpk-ov.on{display:flex}
.dpk{width:100%;max-width:440px;background:#fff;border-radius:16px 16px 0 0;padding:14px 16px calc(16px + env(safe-area-inset-bottom,0px));box-shadow:0 -8px 30px rgba(36,26,48,.18);font-family:inherit;color:#241a30;max-height:86vh;overflow:auto}
@media (min-width:768px){.dpk-ov{align-items:center}.dpk{border-radius:16px;padding-bottom:16px}}
.dpk-h{display:flex;align-items:center;justify-content:space-between;padding:0 0 10px;border-bottom:1px solid #efe9f2}
.dpk-h b{font-size:16px;font-weight:700}
.dpk-x{width:32px;height:32px;border:1px solid #e2d9e6;border-radius:8px;background:#fff;font-size:18px;line-height:1;color:#241a30;cursor:pointer;padding:0}
.dpk-tel{display:block;padding:12px 0 10px;border-bottom:1px solid #efe9f2;text-decoration:none !important;color:#241a30 !important}
.dpk-tel b{display:block;font-size:19px;font-weight:700;letter-spacing:.2px}
.dpk-tel small{display:block;margin-top:2px;font-size:12.5px;color:#8b7d96}
.dpk a.dpk-r{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #efe9f2;font-size:15px;color:#241a30 !important;text-decoration:none !important}
.dpk a.dpk-r:last-child{border-bottom:0}
.dpk a.dpk-r:hover{color:var(--dp-primary) !important}
.dpk-r svg{width:24px;height:24px;flex:0 0 24px}

/* ===== Кнопки «Купити» / «Читати» і смужка «Подарунок до апарата» в категорії ===== */
/* 10.10.2026: кнопки «Купити» / «Читати» трохи спокійніші — глибший сливово-пурпуровий замість яскравого #AD17AD */
body .theme-btn-add-cart:not([disabled]), body a.dpr-read, body .ldev-card-product .ldev-buy-btn, body .ldev-card-product button[onclick*="cart.add"],
html body #product #button-cart:not([disabled]), html body #sticky-product-bar .theme-btn-add-cart:not([disabled]), html body #dpBar .theme-btn-add-cart:not([disabled]),
html body #dpBar #dpBarBuy:not([disabled]),
body .dpx2-buy, body .sticky-bar-container .theme-btn-add-cart:not([disabled]) { background:var(--dp-primary) !important; background-image:none !important; border-color:var(--dp-primary) !important; box-shadow:none !important; }
body .theme-btn-add-cart:not([disabled]):hover, body a.dpr-read:hover, body .ldev-card-product .ldev-buy-btn:hover, html body #product #button-cart:not([disabled]):hover, body .ldev-card-product button[onclick*="cart.add"]:hover { background:var(--dp-primary-hover) !important; border-color:var(--dp-primary-hover) !important; }
/* кнопка «Передзамовлення» на картках: довше слово, тому трохи менший шрифт і без обрізання */
.product-thumb .button-group .theme-btn-add-cart.btn-status{width:auto !important;min-width:120px !important;max-width:none !important;padding-left:10px !important;padding-right:10px !important;font-size:12.5px !important;letter-spacing:0 !important;white-space:nowrap;overflow:visible !important;text-overflow:clip !important}
@media (max-width:420px){.product-thumb .button-group .theme-btn-add-cart.btn-status{min-width:0 !important;width:calc(100% - 12px) !important;font-size:12px !important;padding-left:4px !important;padding-right:4px !important}}
.product-thumb .button-group .theme-btn-add-cart.btn-status i{margin-right:3px}
#ldev-question-block-id-75.dpg-mid{clear:both;float:none;width:100%;padding:0 6px;margin:4px 0 12px}
#ldev-question-block-id-75 .uzs-gift-box{align-items:center !important;gap:12px !important;margin:0 !important;padding:10px 14px !important;border:0 !important;border-radius:14px !important;background:linear-gradient(100deg,#f6eff8 0%,#efe4f5 100%) !important}
#ldev-question-block-id-75 .uzs-gift-box > div:first-child{display:flex;align-items:center;justify-content:center;flex:0 0 40px !important;width:40px;height:40px;margin:0 !important;border-radius:50%;background:#fff}
#ldev-question-block-id-75 .uzs-gift-box > div:first-child svg{width:22px;height:22px}
#ldev-question-block-id-75 .uzs-gift-box > div:last-child > p{margin:0 !important}
#ldev-question-block-id-75 .uzs-gift-box > div:last-child > p:nth-child(1){font-size:11px !important;letter-spacing:.07em !important}
#ldev-question-block-id-75 .uzs-gift-box > div:last-child > p:nth-child(2),#ldev-question-block-id-75 .uzs-gift-box > div:last-child > p:nth-child(4){display:none !important}
#ldev-question-block-id-75 .uzs-gift-box > div:last-child > p:nth-child(3){display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:15px !important;line-height:1.3 !important}
#ldev-question-block-id-75 .uzs-gift-box > div:last-child > p:nth-child(3) > span{margin-left:0 !important;padding:2px 9px;border-radius:999px;background:#fff;font-size:13.5px}

/* ===== Іконки «Закладки» і «Порівняння» біля кабінету (тільки комп'ютер) ===== */
/* іконки тільки для комп'ютера: на телефоні закладки й порівняння є в меню */
a.dp-hd-ic{display:none !important}
@media (min-width:992px){
.dp-head-row .theme-compact > a.dp-hd-ic{order:1;display:inline-flex !important;align-items:center;justify-content:center;width:44px;height:44px !important;border-radius:10px;color:var(--dp-primary);text-decoration:none;transition:background-color .15s}
.dp-head-row .theme-compact > a.dp-hd-ic:hover,.dp-head-row .theme-compact > a.dp-hd-ic:focus{background:#f5f2fa;color:var(--dp-primary);outline:0}
.dp-head-row .theme-compact > a.dp-hd-ic svg{width:26px;height:26px}
.dp-head-row .theme-compact > .theme-cart{order:2}
}

/* ===== Меню кабінету: лінійні іконки ===== */
.dp-acc-ic{display:inline-block;vertical-align:-5px;margin-right:8px;color:var(--dp-primary);flex:0 0 20px}

/* ===== Мобільна випадайка пошуку: ширина від країв екрана ===== */
/* Випадайка пошуку на мобільному. У stylesheet.css їй задано width:600px і
   right:70px — на вузькому екрані панель або обрізається, або з'їжджає вбік.
   Медіазапит не можна прописати в атрибуті style, тому правило тут. */
@media (max-width: 991px) {
	/* position:fixed — щоб зазори рахувались від краю екрана, а не від
	   .search-compact (вона вузька й сидить праворуч, тому width+right
	   від неї виносили панель за лівий край). top:auto лишає панель на
	   її природній висоті під шапкою. */
	.search-compact .dropdown-menu {
position: fixed !important;
left: 10px !important;
right: 10px !important;
top: auto !important;
width: auto !important;
max-width: none !important;
margin-top: -8px !important;
	}
	.search-compact #anystore-search {
left: 0 !important;
right: 0 !important;
width: auto !important;
margin: 0 !important;
	}
	.search-compact #search .form-control,
	.search-compact #search input[name="search"] {
width: 100% !important;
box-sizing: border-box !important;
	}
}

/* ===== Те, що раніше стояло в атрибутах style ===== */
/* мобільний логотип */
.l_link > #logo_mob.dp-logo-m { margin-left: 8px; margin-top: 0; margin-bottom: 0; height: 54px; }
.l_link > #logo_mob_320.dp-logo-m { margin-top: 0; margin-bottom: 0; margin-left: 5px; height: 54px; }
.l_link > .dp-logo-m > img { display: block; width: calc(100vw - 208px); max-width: 215px; height: auto; position: relative; top: 50%; transform: translateY(-50%); }
/* блок телефону */
.callme-header2.dp-callme { margin-top: 1px; margin-bottom: 15px; }
/* меню кабінету: підписи й перемикач мови */
.theme-compact .account-compact .dropdown-menu span.dp-acc-h { margin-left: 20px; }
.theme-compact .account-compact .dropdown-menu li.dp-acc-lang { margin-bottom: 15px; }
.theme-compact .account-compact .dropdown-menu li.dp-acc-lang > .dp-acc-lang-cur { margin-left: 22px; }
.theme-compact .account-compact .dropdown-menu li.dp-acc-lang > a { margin-left: 15px; }
.theme-compact .account-compact .dropdown-menu li.dp-acc-lang > :first-child { margin-bottom: 6px; }
.theme-compact .account-compact .dropdown-menu li.dp-acc-lang > .dp-acc-lang-cur:first-child { margin-top: 10px; }
.theme-compact .account-compact .dropdown-menu li.dp-acc-lang i { margin-right: 5px; }