/* dp-product.css — сторінка товару за затвердженим макетом (dp-mockup/m7s.html).
   Кольори — з dp-ui.css (:root): --dp-cta — яскрава кнопка «Купити», лише тут і в липкій панелі. */

/* ---- 1. Блок ціни: стара / нова, «Економія …», «Відправимо …» ---- */
body.dp-pp #product-actions ul.product-price { margin: 0 !important; }
body.dp-pp #product-actions ul.product-price > hr { display: none !important; }
body.dp-pp #product-actions li.dp-pb {
	display: flex !important; align-items: center; justify-content: space-between; gap: 10px;
	margin: 0 0 12px !important; padding: 12px 14px !important; border: 1px solid var(--dp-line); border-radius: 18px; background: var(--dp-surface);
}
body.dp-pp #product-actions li.dp-pb > div:first-child { display: flex !important; flex-direction: column; align-items: flex-start; gap: 0; flex: 0 0 auto; }
body.dp-pp #product-actions li.dp-pb .price-new, body.dp-pp #product-actions li.dp-pb .price-old { overflow: visible !important; text-overflow: clip !important; max-width: none !important; white-space: nowrap !important; }
body.dp-pp .dp-pb__side { flex: 1 1 auto; min-width: 0; order: 5 !important; }
body.dp-pp #product-actions li.dp-pb > div:first-child, body.dp-pp #product-actions li.dp-pb > .price { order: 0 !important; flex: 0 0 auto; }
body.dp-pp .dp-pb__ship { align-items: flex-start !important; justify-content: flex-end; text-align: right; }
body.dp-pp .dp-pb__ship svg { margin-top: 1px; }
body.dp-pp #product-actions li.dp-pb .price-old, body.dp-pp #product-actions li.dp-pb .price-old * {
	order: 0; color: var(--dp-muted) !important; font-size: 14px !important; font-weight: 400 !important; margin: 0 !important;
}
body.dp-pp #product-actions li.dp-pb .price-new, body.dp-pp #product-actions li.dp-pb .price-new *,
body.dp-pp #product-actions li.dp-pb > div:first-child > .autocalc-product-price,
body.dp-pp #product-actions li.dp-pb > .price, body.dp-pp #product-actions li.dp-pb > .price * {
	order: 1; color: var(--dp-ink) !important; font-size: 28px !important; font-weight: 800 !important; line-height: 1.1 !important; margin: 0 !important;
}
body.dp-pp .dp-pb__side { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; text-align: right; }
body.dp-pp .dp-pb__save {
	display: inline-block; padding: 4px 10px; border-radius: var(--dp-radius-pill);
	background: var(--dp-success-bg); color: var(--dp-success); font-size: 12.5px; font-weight: 700; white-space: nowrap;
}
body.dp-pp .dp-pb__ship { display: inline-flex; align-items: center; gap: 5px; color: var(--dp-ink); font-size: 12.5px; line-height: 1.3; }
body.dp-pp .dp-pb__ship svg { flex: 0 0 16px; color: var(--dp-success); }
body.dp-pp .dp-pb__save[hidden], body.dp-pp .dp-pb__ship[hidden] { display: none !important; }
/* рядок «Відправимо …» перенесено в блок ціни — окремий рядок нижче не дублюємо */
body.dp-pp.dp-ship-moved #dp-ship { display: none !important; }

/* ---- 2. Головна кнопка: на всю ширину, яскрава, з ціною; степер прихований ---- */
body.dp-pp #product-actions #minus-quantity, body.dp-pp #product-actions #plus-quantity,
body.dp-pp #product-actions #input-quantity { display: none !important; }
body.dp-pp #product-actions .dp-buy .button-group.btn-icon { display: none !important; }
body.dp-pp #product-actions .dp-buy { display: block !important; }
body.dp-pp #product-actions .dp-buy > .button-group:not(.btn-icon) { display: block !important; width: 100% !important; margin: 0 !important; }
html body.dp-pp .dp-cta, html body.dp-pp #product #product-actions #button-cart.dp-cta, html body.dp-pp #product #button-cart.dp-cta {
	display: flex !important; align-items: center; justify-content: center; gap: 10px;
	width: 100% !important; max-width: none !important; height: 56px !important; margin: 0 !important; padding: 0 20px !important;
	border: 0 !important; border-radius: var(--dp-radius-pill) !important;
	background: var(--dp-cta) !important; background-image: none !important; color: #fff !important;
	font-size: 16.5px !important; font-weight: 700 !important; letter-spacing: .02em; text-transform: uppercase; white-space: nowrap;
	box-shadow: none !important; text-shadow: none !important; cursor: pointer; transition: background-color .15s ease;
}
html body.dp-pp .dp-cta:hover, html body.dp-pp .dp-cta:focus { background: var(--dp-cta-hover) !important; background-image: none !important; box-shadow: none !important; }
/* іконка — та сама, що в шапці й у картках каталогу (fa-shopping-basket) */
html body.dp-pp .dp-cta i.fa { display: inline-block !important; margin: 0 !important; color: inherit !important; font-size: 18px !important; line-height: 1 !important; }

/* ---- 3. «Зв'язатися в 1 клік»: три пігулки з кольоровими іконками ---- */
body.dp-pp #dpMsgSlot .ldev-question { margin: 10px 0 14px !important; }
body.dp-pp #dpMsgSlot .uzsc-cta { max-width: none !important; margin: 0 !important; padding: 0 !important; background: none !important; background-image: none !important; border: 0 !important; }
body.dp-pp #dpMsgSlot .uzsc-label-top, body.dp-pp #dpMsgSlot .uzsc-note { display: none !important; }
body.dp-pp #dpMsgSlot .uzsc-row { display: flex !important; flex-wrap: nowrap !important; gap: 8px !important; justify-content: stretch !important; }
body.dp-pp #dpMsgSlot .uzsc-btn {
	flex: 1 1 0; min-width: 0; display: inline-flex !important; align-items: center; justify-content: center; gap: 6px; height: 42px;
	border: 1px solid var(--dp-line); border-radius: var(--dp-radius-pill); background: var(--dp-surface); text-decoration: none !important;
}
body.dp-pp #dpMsgSlot .uzsc-btn { box-shadow: none !important; }
body.dp-pp #dpMsgSlot .uzsc-btn:hover { background: var(--dp-soft); }
body.dp-pp #dpMsgSlot .uzsc-icon { width: 22px !important; height: 22px !important; background: none !important; border: 0 !important; box-shadow: none !important; transform: none !important; }
body.dp-pp #dpMsgSlot .uzsc-icon img { width: 22px !important; height: 22px !important; }
body.dp-pp #dpMsgSlot .dp-msg-t { color: var(--dp-primary); font-size: 13.5px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ---- 4. Рядки довіри під карткою-вступом: м'які іконки в кружечках, без розділювачів ---- */
body.dp-pp .dp-trust { list-style: none; margin: 2px 0 16px; padding: 0; display: flex; flex-direction: column; gap: 10px; }
body.dp-pp .dp-trust li { display: flex; gap: 12px; align-items: center; padding: 0; border: 0; color: var(--dp-ink); font-size: 14px; line-height: 1.4; }
body.dp-pp .dp-trust .dp-trust__ic { flex: 0 0 38px; width: 38px; height: 38px; border-radius: 50%; background: var(--dp-soft); color: var(--dp-primary); display: flex; align-items: center; justify-content: center; }
body.dp-pp .dp-trust .dp-trust__ic svg { width: 21px; height: 21px; }
body.dp-pp .dp-trust b { font-weight: 700; }
/* ---- 5. Вкладки: пігулки, активна — заповнена; кількість — значком; м'яке згасання по краях ---- */
body.dp-pp ul.nav-tabs { border: 0 !important; }
body.dp-pp ul.nav-tabs > li > a .dp-tab-n {
	display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; margin-left: 6px; padding: 0 6px;
	border-radius: var(--dp-radius-pill); background: var(--dp-surface); color: var(--dp-primary); font-style: normal; font-size: 11.5px; font-weight: 700; vertical-align: 1px;
}
body.dp-pp .dp-tabbar ul.nav-tabs, body.dp-pp #content ul.nav-tabs {
	gap: 6px !important; padding: 8px 12px !important; flex-wrap: nowrap !important; overflow-x: auto; scrollbar-width: none;
	-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 12px, #000 calc(100% - 24px), transparent 100%);
	mask-image: linear-gradient(90deg, transparent 0, #000 12px, #000 calc(100% - 24px), transparent 100%);
}
body.dp-pp #content ul.nav-tabs { display: flex !important; }
body.dp-pp .dp-tabbar ul.nav-tabs > li, body.dp-pp #content ul.nav-tabs > li { flex: 0 0 auto !important; float: none !important; margin: 0 !important; border: 0 !important; }
body.dp-pp .dp-tabbar ul.nav-tabs > li > a, body.dp-pp #content ul.nav-tabs > li > a {
	display: inline-flex !important; align-items: center; height: 36px !important; padding: 0 14px !important; margin: 0 !important;
	border: 0 !important; border-radius: var(--dp-radius-pill) !important; background: var(--dp-soft) !important; background-image: none !important;
	color: var(--dp-primary) !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1 !important; box-shadow: none !important; white-space: nowrap;
}
body.dp-pp .dp-tabbar ul.nav-tabs > li > a::after, body.dp-pp #content ul.nav-tabs > li > a::after { display: none !important; }
body.dp-pp .dp-tabbar ul.nav-tabs > li.active > a, body.dp-pp .dp-tabbar ul.nav-tabs > li > a.dp-on,
body.dp-pp #content ul.nav-tabs > li.active > a {
	background: var(--dp-primary) !important; color: var(--dp-on-primary) !important; box-shadow: none !important;
}
body.dp-pp .dp-tabbar ul.nav-tabs > li.active > a .dp-tab-n, body.dp-pp .dp-tabbar ul.nav-tabs > li > a.dp-on .dp-tab-n,
body.dp-pp #content ul.nav-tabs > li.active > a .dp-tab-n { background: rgba(255, 255, 255, .22); color: #fff; }
body.dp-pp .dp-tabbar.dp-spy ul.nav-tabs > li.active > a { background: var(--dp-soft) !important; color: var(--dp-primary) !important; box-shadow: none !important; }
body.dp-pp .dp-tabbar.dp-spy ul.nav-tabs > li > a.dp-on { background: var(--dp-primary) !important; color: var(--dp-on-primary) !important; }

/* згорнуті «Характеристики» / «Комплектація»: заголовок — той самий, що й решта (з підкресленням), лише зі стрілочкою; вміст під ним сховано */
body.dp-pp #tab-description .dp-acc-h { position: relative; cursor: pointer; padding-right: 30px !important; }
body.dp-pp #tab-description .dp-acc-chev {
	position: absolute; right: 6px; top: 50%; width: 9px; height: 9px; margin-top: -8px;
	border-right: 2px solid var(--dp-primary); border-bottom: 2px solid var(--dp-primary); transform: rotate(45deg); transition: transform .2s;
}
body.dp-pp #tab-description .dp-acc-h.dp-acc-open .dp-acc-chev { transform: rotate(-135deg); margin-top: -3px; }
body.dp-pp #tab-description .dp-acc__b { display: none; padding: 0; border: 0; }
body.dp-pp #tab-description .dp-acc__b.dp-acc-open { display: block; }


/* ---- 7. Картки товарів під описом: модулі-підбірки, «Картриджі | модулі … до …» (#p_l) і «Схожі товари» (#dp-sim) —
   одна й та сама картка (зразок — «Схожі товари»): фото на білому зліва, повна назва звичайним шрифтом, сердечко в куті,
   нижче — ціна (стара під нею) зліва і «Купити» без іконки справа, без розділювальної лінії. На ПК — по дві в ряд. ---- */
html body.dp-pp .ldev-question .uzs-article > .uzs-wrap:has(> .uzs-section > .uzs-row) { display: block !important; padding: 0 !important; margin: 0 !important; max-width: none !important; }
html body.dp-pp .ldev-question .uzs-article > .uzs-wrap .uzs-section { width: auto !important; max-width: none !important; margin: 0 0 22px !important; padding: 0 !important; float: none !important; }
html body.dp-pp .ldev-question .uzs-article > .uzs-wrap .uzs-section-title { display: inline-flex !important; align-items: center; gap: 6px; margin: 0 0 12px !important; color: var(--dp-ink) !important; font-size: 17px !important; font-weight: 700 !important; text-decoration: none !important; }
html body.dp-pp .ldev-question .uzs-article > .uzs-wrap .uzs-row,
html body.dp-pp #p_l .p-l-modern__list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; margin: 0 !important; padding: 0 !important; }
html body.dp-pp .ldev-question .uzs-article > .uzs-wrap .uzs-col { width: auto !important; max-width: none !important; padding: 0 !important; margin: 0 !important; float: none !important; flex: none !important; }
html body.dp-pp .ldev-question .uzs-article > .uzs-wrap .uzs-product-wrapper { height: 100%; margin: 0 !important; padding: 0 !important; }

/* сама картка */
html body.dp-pp :is(.ldev-question .uzs-article > .uzs-wrap, #dp-sim) .ldev-card-product,
html body.dp-pp #p_l .p-l-card {
	position: relative !important; height: 100%; margin: 0 !important; padding: 14px !important; width: auto !important; max-width: none !important;
	border: 1px solid var(--dp-line) !important; border-radius: 18px !important; background: var(--dp-surface) !important; box-shadow: none !important; transform: none !important;
}
html body.dp-pp :is(.ldev-question .uzs-article > .uzs-wrap, #dp-sim) .ldev-card-product-thumb {
	display: grid !important; grid-template-columns: 64px minmax(0, 1fr); grid-template-areas: "img title" "meta meta";
	gap: 12px 14px; padding: 0 !important; height: 100%; align-content: start; flex-direction: unset !important;
}
html body.dp-pp #p_l .p-l-card {
	display: grid !important; grid-template-columns: 64px minmax(0, 1fr) !important; grid-template-areas: "img title" "side side" !important; gap: 12px 14px !important; align-content: start;
}
/* фото */
html body.dp-pp :is(.ldev-question .uzs-article > .uzs-wrap, #dp-sim) .ldev-card-product-image,
html body.dp-pp #p_l .p-l-card__media {
	grid-area: img; position: static !important; width: 64px !important; height: 64px !important; margin: 0 !important; padding: 0 !important;
	border-radius: 12px !important; background: var(--dp-surface) !important; display: flex !important; align-items: center; justify-content: center; overflow: visible !important; border: 0 !important;
}
html body.dp-pp :is(.ldev-question .uzs-article > .uzs-wrap, #dp-sim) .ldev-card-product-image a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
html body.dp-pp :is(.ldev-question .uzs-article > .uzs-wrap, #dp-sim) .ldev-card-product-image img,
html body.dp-pp #p_l .p-l-card__media img { width: 64px !important; height: 64px !important; max-width: none !important; object-fit: contain; mix-blend-mode: normal !important; }
/* сердечко */
html body.dp-pp :is(.ldev-question .uzs-article > .uzs-wrap, #dp-sim) .ldev-wishlist-icon {
	position: absolute !important; top: 10px !important; right: 10px !important; left: auto !important; width: 30px !important; height: 30px !important; margin: 0 !important;
}
/* назва: повністю, звичайною вагою */
html body.dp-pp :is(.ldev-question .uzs-article > .uzs-wrap, #dp-sim) .ldev-card-product-title { grid-area: title; margin: 0 !important; padding: 0 30px 0 0 !important; min-height: 0 !important; height: auto !important; }
html body.dp-pp #p_l .p-l-card__body { grid-area: title; min-width: 0; padding: 0 !important; }
html body.dp-pp :is(.ldev-question .uzs-article > .uzs-wrap, #dp-sim) .ldev-card-product-title h4,
html body.dp-pp :is(.ldev-question .uzs-article > .uzs-wrap, #dp-sim) .ldev-card-product-title h4 a,
html body.dp-pp #p_l .p-l-card__title {
	display: block !important; -webkit-line-clamp: unset !important; overflow: visible !important; height: auto !important; max-height: none !important; white-space: normal !important; text-overflow: clip !important;
	margin: 0 !important; color: var(--dp-ink) !important; font-family: inherit !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.35 !important; text-align: left !important; text-decoration: none !important;
}
/* ціна і «Купити» */
html body.dp-pp :is(.ldev-question .uzs-article > .uzs-wrap, #dp-sim) .ldev-card-product-meta,
html body.dp-pp #p_l .p-l-card__side {
	grid-area: meta; align-self: end; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; text-align: left !important;
	width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important;
}
html body.dp-pp #p_l .p-l-card__side { grid-area: side; }
html body.dp-pp :is(.ldev-question .uzs-article > .uzs-wrap, #dp-sim) .ldev-card-product-price {
	display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 0 !important;
	flex: 1 1 auto !important; min-width: 0 !important; width: auto !important; margin: 0 !important; text-align: left !important;
	color: var(--dp-ink) !important; font-size: 17px !important; font-weight: 800 !important; line-height: 1.2 !important;
}
html body.dp-pp :is(.ldev-question .uzs-article > .uzs-wrap, #dp-sim) .ldev-card-product-price .price-new { color: var(--dp-ink) !important; font-size: 17px !important; font-weight: 800 !important; }
html body.dp-pp :is(.ldev-question .uzs-article > .uzs-wrap, #dp-sim) .ldev-card-product-price .price-old { order: 2; color: var(--dp-muted) !important; font-size: 13px !important; font-weight: 400 !important; text-decoration: line-through; }
html body.dp-pp #p_l .p-l-card__price-block--total { margin: 0 !important; }
html body.dp-pp #p_l .p-l-card__price { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 0 !important; margin: 0 !important; color: var(--dp-ink) !important; font-size: 17px !important; font-weight: 800 !important; line-height: 1.2 !important; }
html body.dp-pp #p_l .p-l-price-new { color: var(--dp-ink) !important; font-size: 17px !important; font-weight: 800 !important; }
html body.dp-pp #p_l .p-l-price-old { color: var(--dp-muted) !important; font-size: 13px !important; font-weight: 400 !important; }
html body.dp-pp :is(.ldev-question .uzs-article > .uzs-wrap, #dp-sim) .ldev-card-product-actions { width: auto !important; max-width: none !important; flex: 0 0 auto !important; margin: 0 !important; }
html body.dp-pp :is(.ldev-question .uzs-article > .uzs-wrap, #dp-sim) .ldev-card-product-actions .ldev-buy-btn,
html body.dp-pp #p_l .p-l-buy-btn {
	display: inline-flex !important; align-items: center; justify-content: center; width: auto !important; min-width: 0 !important; height: 44px !important; margin: 0 !important; padding: 0 20px !important;
	border: 0 !important; border-radius: var(--dp-radius-pill) !important; background: var(--dp-primary) !important; background-image: none !important; color: var(--dp-on-primary) !important;
	font-size: 15px !important; font-weight: 600 !important; box-shadow: none !important; white-space: nowrap;
}
html body.dp-pp :is(.ldev-question .uzs-article > .uzs-wrap, #dp-sim) .ldev-card-product-actions .ldev-buy-btn:hover, html body.dp-pp #p_l .p-l-buy-btn:hover { background: var(--dp-primary-hover) !important; }
html body.dp-pp :is(.ldev-question .uzs-article > .uzs-wrap, #dp-sim) .ldev-card-product-actions .ldev-buy-btn i, html body.dp-pp #p_l .p-l-buy-btn i { display: none !important; }
html body.dp-pp #p_l .p-l-buy-btn span { display: inline !important; }
/* «Схожі товари»: не каруселлю, а такими самими рядами карток */
html body.dp-pp #dp-sim .dp-sim__nav { display: none !important; }
html body.dp-pp #dp-sim .dp-sim__track { display: grid !important; grid-auto-flow: row !important; grid-auto-columns: auto !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; overflow: visible !important; scroll-snap-type: none !important; padding: 0 !important; margin: 0 !important; }
html body.dp-pp #dp-sim .dp-sim__item { width: auto !important; min-width: 0 !important; max-width: none !important; flex: none !important; margin: 0 !important; padding: 0 !important; }
@media (max-width: 991px) {
	html body.dp-pp .ldev-question .uzs-article > .uzs-wrap .uzs-row,
	html body.dp-pp #p_l .p-l-modern__list,
	html body.dp-pp #dp-sim .dp-sim__track { grid-template-columns: 1fr !important; gap: 10px !important; }
}
/* ---- 8. Липка панель на телефоні = така сама кнопка, як головна: на всю ширину, «Купити · ціна»,
   без окремої ціни і без стрілки; поки панель видно, плаваюча кнопка «вгору» схована ---- */
body.dp-pp #dpBar .dp-bar-qty, body.dp-pp #dpBar .dp-bar-price, body.dp-pp #dpBar #dpBarUp { display: none !important; }
body.dp-pp #dpBar { background: #fff !important; border-top: 1px solid var(--dp-line) !important; box-shadow: none !important; }
body.dp-pp #dpBar .dp-bar-in { display: flex !important; gap: 0 !important; padding: 8px 20px !important; max-width: none !important; }
html body.dp-pp #dpBar #dpBarBuy.dp-cta {
	flex: 1 1 auto !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: 56px !important; margin: 0 !important; padding: 0 20px !important;
	background: var(--dp-cta) !important; background-image: none !important; box-shadow: none !important; border: 0 !important; border-radius: var(--dp-radius-pill) !important;
	color: #fff !important; font-size: 16.5px !important; font-weight: 700 !important; letter-spacing: .02em;
}
body.dp-pp.dp-bar-on #scroller { display: none !important; }body.dp-pp #sticky-product-bar .button-group.btn-icon { display: none !important; }
html body.dp-pp #sticky-product-bar #button-cart-sticky.dp-cta { background: var(--dp-cta) !important; background-image: none !important; box-shadow: none !important; width: auto !important; height: 44px !important; padding: 0 26px !important; font-size: 15px !important; }

/* ---- ПК: та сама логіка в правій колонці ---- */
@media (min-width: 768px) {
	body.dp-pp #product-actions li.dp-pb .price-new, body.dp-pp #product-actions li.dp-pb .price-new * { font-size: 30px !important; }
}

/* ---- 9. Відгуки / питання без жодного запису: одна кнопка (верхня), нижня схована ---- */
html body.dp-pp .dp-rv-empty .sc_tc_link_write_review { margin: 0 0 14px !important; padding: 0 !important; text-align: center; }
html body.dp-pp .dp-rv-empty a.dp-rv-main {
	display: flex !important; align-items: center; justify-content: center; width: 100% !important; height: var(--dp-btn-lg) !important; margin: 0 !important;
	border: 0 !important; border-radius: var(--dp-radius-pill) !important; background: var(--dp-primary) !important; background-image: none !important;
	color: var(--dp-on-primary) !important; font-size: var(--dp-btn-size) !important; font-weight: var(--dp-btn-weight) !important; text-decoration: none !important; box-shadow: none !important;
}
html body.dp-pp .dp-rv-empty a.dp-rv-main:hover { background: var(--dp-primary-hover) !important; }

/* ---- 10. Під назвою одним рядком: виробник · наявність · зірки ---- */
html body.dp-pp #content ul.product-info.dp-meta { display: flex !important; flex-wrap: wrap; align-items: center; gap: 4px 0; margin: 6px 0 12px !important; padding: 0 !important; }
html body.dp-pp #content ul.product-info.dp-meta > li { display: inline-flex !important; align-items: center; gap: 8px; width: auto !important; margin: 0 !important; padding: 0 !important; float: none !important; }
html body.dp-pp #content ul.product-info.dp-meta > li.dp-sep::before { content: '·'; margin: 0 8px; color: var(--dp-muted); }
html body.dp-pp #content ul.product-info.dp-meta .product-info-title { display: none !important; }
html body.dp-pp #content ul.product-info.dp-meta [itemprop="brand"], html body.dp-pp #content ul.product-info.dp-meta [itemprop="brand"] a { color: var(--dp-ink) !important; font-size: 14.5px; font-weight: 600; }
html body.dp-pp #content ul.product-info.dp-meta .dp-av { width: auto !important; display: inline !important; font-size: 14.5px; }
html body.dp-pp #content ul.product-info.dp-meta .dp-av.dp-av-wait { display: inline-block !important; padding: 3px 10px; border-radius: var(--dp-radius-pill); background: #FFF3E0; color: #B26A00 !important; font-size: 13px; font-weight: 700; }
html body.dp-pp #content ul.product-info.dp-meta .rating { display: inline-flex !important; align-items: center; margin: 0 0 0 4px !important; padding: 0 !important; }
html body.dp-pp #content ul.product-info.dp-meta .rating p { margin: 0 !important; white-space: nowrap; }
html body.dp-pp #content ul.product-info.dp-meta + hr, html body.dp-pp #content ul.product-info.dp-meta hr { margin: 6px 0 10px !important; }

/* статус «Під замовлення» в блоці ціни — окремим рядком над датою відправки */
body.dp-pp .dp-pb__tag { display: inline-block; padding: 3px 10px; border-radius: var(--dp-radius-pill); background: #FFF3E0; color: #B26A00; font-size: 12.5px; font-weight: 700; white-space: nowrap; }

/* «Чому потрібно купити…» — внизу перед футером */
html body.dp-pp .dp-why-wrap { margin: 8px auto 24px; }
html body.dp-pp .dp-why-wrap .ldev-question { margin: 0 !important; }

/* телефон: блок ціни без рамки, в один рядок — ціна зліва; праворуч «Економія …» і під нею «🚚 Відправимо …»
   (вантажівка йде в рядку тексту, тож при перенесенні лишається з ним, до ціни не стрибає) */
@media (max-width: 767px) {
	body.dp-pp #product-actions li.dp-pb { border: 0 !important; padding: 4px 0 !important; background: none !important; flex-wrap: nowrap !important; align-items: center !important; }
	body.dp-pp .dp-pb__side { flex: 1 1 auto !important; min-width: 0 !important; flex-direction: column !important; align-items: flex-end !important; gap: 6px !important; text-align: right !important; }
	body.dp-pp .dp-pb__ship { display: block !important; max-width: 100%; font-size: 12px !important; line-height: 1.35 !important; text-align: right !important; }
	body.dp-pp .dp-pb__ship svg { display: inline-block !important; vertical-align: -3px; margin: 0 4px 0 0 !important; width: 15px; height: 15px; }
	body.dp-pp .dp-pb__ship span { display: inline !important; }
}

/* ПК: липка панель — суцільна біла смуга з тонкою лінією зверху, в межах сторінки;
   зліва мініатюра й назва товару, справа кнопка такого ж розміру, як головна */
body.dp-pp #dpBar { background: #fff !important; border-top: 1px solid var(--dp-line) !important; backdrop-filter: none !important; opacity: 1 !important; }
body.dp-pp #dpBar .dp-bar-prod { display: none; }
@media (min-width: 768px) {
	body.dp-pp #dpBar .dp-bar-in { max-width: 1170px !important; margin: 0 auto !important; padding: 10px 15px !important; justify-content: space-between !important; align-items: center !important; gap: 20px !important; }
	body.dp-pp #dpBar .dp-bar-price { display: none !important; }
	body.dp-pp #dpBar .dp-bar-prod { display: flex !important; align-items: center; gap: 12px; flex: 1 1 auto; min-width: 0; }
	body.dp-pp #dpBar .dp-bar-prod img { flex: 0 0 44px; width: 44px; height: 44px; object-fit: contain; border-radius: 10px; background: #fff; }
	body.dp-pp #dpBar .dp-bar-prod span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--dp-ink); font-size: 15px; font-weight: 600; }
	html body.dp-pp #dpBar #dpBarBuy.dp-cta { flex: 0 0 auto !important; width: 420px !important; max-width: 45% !important; }
}
/* картки під описом: ціна з «Купити» — завжди під назвою, звичайним потоком, з відступом; довга назва їх відсуває */
html body.dp-pp :is(.ldev-question .uzs-article > .uzs-wrap, #dp-sim) .ldev-card-product-thumb { grid-template-rows: auto auto !important; row-gap: 12px !important; }
html body.dp-pp :is(.ldev-question .uzs-article > .uzs-wrap, #dp-sim) .ldev-card-product-title,
html body.dp-pp :is(.ldev-question .uzs-article > .uzs-wrap, #dp-sim) .ldev-card-product-title h4,
html body.dp-pp :is(.ldev-question .uzs-article > .uzs-wrap, #dp-sim) .ldev-card-product-meta {
	position: static !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; transform: none !important; top: auto !important; bottom: auto !important;
}
html body.dp-pp :is(.ldev-question .uzs-article > .uzs-wrap, #dp-sim) .ldev-card-product-meta { align-self: start !important; margin: 0 !important; }
html body.dp-pp #p_l .p-l-card { grid-template-rows: auto auto !important; row-gap: 12px !important; }
html body.dp-pp #p_l .p-l-card__side { position: static !important; align-self: start !important; margin: 0 !important; }
/* «Схожі товари» на ПК — не більше шести карток (три ряди по дві), як підбірки вище */
@media (min-width: 768px) { html body.dp-pp #dp-sim .dp-sim__item:nth-child(n+7) { display: none !important; } }
/* ціна: нова, під нею стара — завжди стовпчиком зліва */
html body.dp-pp :is(.ldev-question .uzs-article > .uzs-wrap, #dp-sim) .ldev-card-product-price { display: block !important; }
html body.dp-pp :is(.ldev-question .uzs-article > .uzs-wrap, #dp-sim) .ldev-card-product-price .price-new,
html body.dp-pp :is(.ldev-question .uzs-article > .uzs-wrap, #dp-sim) .ldev-card-product-price .price-old { display: block !important; margin: 0 !important; text-align: left !important; }
html body.dp-pp #dp-sim .ldev-card-product-title { min-height: 0 !important; }

/* розділи зі згорнутими «Характеристиками»/«Комплектацією»: без сірих ліній-розділювачів і порожніх проміжків */
html body.dp-pp #tab-description :is(.uzs-product, .uzs-section):has(> .dp-acc-h) {
	border: 0 !important; box-shadow: none !important; background: none !important; margin: 0 !important; padding: 10px 0 !important;
}
html body.dp-pp #tab-description :is(.uzs-product, .uzs-section):has(> .dp-acc-h)::before,
html body.dp-pp #tab-description :is(.uzs-product, .uzs-section):has(> .dp-acc-h)::after { display: none !important; content: none !important; }
html body.dp-pp #tab-description :is(.uzs-product, .uzs-section):has(> .dp-acc-h) + :is(.uzs-product, .uzs-section, div) { border-top: 0 !important; }

/* Мобільна читабельність опису товару (.dp-pure) і блоку біля ціни (.dp-sc-block), 30.10.2026.
   Лише телефони; десктоп не змінюється. Мінімум ~13px, основний текст 14–15px. */
@media (max-width: 767px) {
  html body .dp-pure { font-size: 15.5px; }
  html body .dp-pure .dp-sec-sub { font-size: 12.5px; }
  html body .dp-pure .dp-sec-title { font-size: 20px; }

  html body .dp-pure .dp-prob-info strong,
  html body .dp-pure .dp-feat-body strong { font-size: 15px; }
  html body .dp-pure .dp-prob-info span,
  html body .dp-pure .dp-feat-body span { font-size: 14px; line-height: 1.4; }

  html body .dp-pure .dp-chip-btn { font-size: 14px; }
  html body .dp-pure .dp-chip-pane h4 { font-size: 15.5px; }
  html body .dp-pure .dp-chip-pane p { font-size: 14.5px; line-height: 1.5; }
  html body .dp-pure .dp-cart-foot-note { font-size: 13.5px; line-height: 1.45; }

  html body .dp-pure .dp-step-num-txt { font-size: 15.5px; }
  html body .dp-pure .dp-step-head b { font-size: 15px; }
  html body .dp-pure .dp-step-card > span { font-size: 14px; line-height: 1.45; }
  html body .dp-pure .dp-steps-note { font-size: 14px; }

  html body .dp-pure .dp-box-container h4 { font-size: 16px; }
  html body .dp-pure .dp-spec-table,
  html body .dp-pure .dp-pack-list { font-size: 14px; }
  html body .dp-pure .dp-pack-num { font-size: 14px; }

  html body .dp-pure .dp-faq summary { font-size: 15px; }
  html body .dp-pure .dp-faq p { font-size: 14px; line-height: 1.5; }
  html body .dp-pure .dp-guar-text h5 { font-size: 15px; }
  html body .dp-pure .dp-guar-text p { font-size: 14px; line-height: 1.45; }

  html body .dp-sc-block .dp-sc-code,
  html body .dp-sc-block .dp-sc-tag,
  html body .dp-sc-block .dp-sc-metric-val small,
  html body .dp-sc-block .dp-sc-stk { font-size: 13px; }
  html body .dp-sc-block .dp-sc-metric-lbl { font-size: 12.5px; }
  html body .dp-sc-block .dp-sc-trust-item { font-size: 13.5px; }
}

/* ПК: опис на всю ширину вкладок, без центрованої колонки 880px */
@media (min-width: 768px) {
  html body .dp-pure { max-width: none; margin-left: 0; margin-right: 0; }
}
/* ПК: крупніші траст-блок, рядок відправки й доставка/оплата (мобільний не змінюється) */
@media (min-width: 992px) {
  html body .dp-sc-trust { gap: 6px; padding: 10px 14px; }
  html body .dp-terms { padding: 10px 14px 12px; }
  html body .dp-terms__list li { padding: 2px 0; }
  html body .dp-sc-trust-item { font-size: 14px; gap: 12px; }
  html body .dp-sc-trust-ico { width: 26px; height: 26px; }
  html body .dp-sc-trust-ico svg { width: 14px; height: 14px; }
  html body .dp-pb__ship { font-size: 14.5px; }
  html body .dp-pb__save { font-size: 14px; }
  html body .dp-terms { font-size: 14.5px; }
  html body .dp-terms__h { font-size: 15px; }
  html body .dp-terms__h span,
  html body .dp-terms__list small { font-size: 13.5px; }
  html body #dpTerms { transition: none; }
}

/* Телефон: крупніший верхній блок товару (підзаголовок, три цифри, траст-блок) */
@media (max-width: 767px) {
  html body .dp-sc-block .dp-sc-tag { font-size: 14px; }
  html body .dp-sc-block .dp-sc-code { font-size: 14px; }
  html body .dp-sc-block .dp-sc-metric-val { font-size: 21px; }
  html body .dp-sc-block .dp-sc-metric-val small { font-size: 14px; }
  html body .dp-sc-block .dp-sc-metric-lbl { font-size: 14px; line-height: 1.35; }
  html body .dp-sc-block .dp-sc-trust-item { font-size: 15px; line-height: 1.45; }
}