/* 17.10.2026 — віконце кошика: панель збоку (на телефоні — знизу), закріплений підсумок і кнопка оформлення.
   Усе в межах #part #partcont, тож кошик у шапці сайту не зачіпається. */
#part { background:rgba(30,18,36,.46) !important; -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); }
#part #partcont {
	position:fixed !important; top:0 !important; right:0 !important; bottom:0 !important; left:auto !important;
	margin:0 !important; width:min(100vw,440px) !important; max-width:440px !important; min-width:0 !important;
	height:100% !important; max-height:none !important; padding:0 !important; border:0 !important;
	border-radius:22px 0 0 22px !important; background:#fff !important; color:#2a2230; text-align:left !important;
	font-size:14px; line-height:1.4; box-shadow:-24px 0 60px rgba(42,34,48,.22) !important;
	display:flex !important; flex-direction:column; overflow:hidden !important;
	animation:ubCartIn .34s cubic-bezier(.2,.8,.2,1);
}
@keyframes ubCartIn { from { transform:translateX(100%); } to { transform:none; } }
#part #partcont:before, #part #partcont:after { display:none !important; }
#part #partcont, #part #partcont * { box-sizing:border-box; }
#part #partcont #cart { display:flex; flex-direction:column; flex:1; min-height:0; width:auto; height:auto; margin:0; padding:0; float:none; position:static; background:none; }
#part #partcont #cart > div[style] { display:none; }

/* шапка */
#part #partcont .heading { display:flex !important; align-items:center; gap:12px; float:none; margin:0; padding:22px 20px 18px 26px !important; background:#fff !important; border:0 !important; border-bottom:1px solid #f3ecf5 !important; }
#part #partcont .heading:before { font-size:22px !important; font-weight:700 !important; letter-spacing:-.01em; color:#2a2230 !important; }
#part #partcont .heading a { flex:1; min-width:0; text-decoration:none; }
#part #partcont .heading #cart-total { display:inline-block; float:none; margin:0; padding:5px 11px; border-radius:999px; background:#f6eef8; color:#6c0977 !important; font-size:12.5px !important; font-weight:600 !important; line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; vertical-align:middle; }
#part #partcont .ub-cart-close { display:flex !important; align-items:center; justify-content:center; flex:0 0 40px; width:40px; height:40px; margin:0; padding:0; border:0; border-radius:50%; background:#f6eef8 !important; color:#2a2230 !important; font-size:24px; line-height:1; cursor:pointer; transition:background .15s, color .15s, transform .2s; }
#part #partcont .ub-cart-close:hover { background:#6c0977 !important; color:#fff !important; transform:rotate(90deg); }

/* список товарів */
#part #partcont .content { display:flex !important; flex-direction:column; flex:1; min-height:0; position:static; width:auto; margin:0; padding:0 !important; border:0; background:none; box-shadow:none; overflow:hidden !important; text-align:left !important; }
#part #partcont .mini-cart-info { flex:1; min-height:0; max-height:none !important; overflow-y:auto !important; padding:6px 26px 10px; -webkit-overflow-scrolling:touch; }
#part .ub-cart-list { list-style:none; margin:0; padding:0; }
#part .ub-cart-list li { display:flex; align-items:flex-start; gap:14px; padding:16px 0; margin:0; border-bottom:1px solid #f3ecf5; background:none; animation:ubItemIn .3s ease both; }
#part .ub-cart-list li:last-child { border-bottom:0; }
#part .ub-cart-list li:before { display:none; }
@keyframes ubItemIn { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:none; } }
#part .ub-cart-thumb { flex:0 0 80px; width:80px; height:80px; padding:6px; border:0 !important; border-radius:16px !important; background:#faf6fb; overflow:hidden; display:block; }
#part .ub-cart-thumb img { width:100%; height:100%; object-fit:contain; display:block; mix-blend-mode:multiply; }
#part .ub-cart-info { flex:1; min-width:0; text-align:left !important; }
#part .ub-cart-name { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-align:left !important; font-size:14.5px; font-weight:500; line-height:1.4; color:#2a2230 !important; text-decoration:none !important; }
#part .ub-cart-name:hover { color:#6c0977 !important; }
#part .ub-cart-info small { display:block; margin-top:3px; font-size:12px; color:#8a7a96; }
#part .ub-cart-row { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:12px; }
#part .ub-cart-row b { font-size:16px; font-weight:700; color:#2a2230; white-space:nowrap; letter-spacing:-.01em; }
#part .ub-stepper { display:inline-flex; align-items:center; height:36px; padding:2px; border:1px solid #ead9ee !important; border-radius:999px !important; background:#fff; overflow:visible; }
#part .ub-stepper button { width:30px; height:30px; padding:0; border:0; border-radius:50%; background:transparent; color:#6c0977; font-size:18px; font-weight:500; line-height:1; cursor:pointer; transition:background .15s, color .15s; }
#part .ub-stepper button:hover { background:#6c0977; color:#fff; }
#part .ub-stepper span { min-width:28px; text-align:center; font-size:14px; font-weight:600; color:#2a2230; }
#part .ub-cart-del { flex:0 0 34px; width:34px; height:34px; margin:-6px -8px 0 0; padding:0; border:0; border-radius:50%; background:none; color:#bcadc6; font-size:16px; cursor:pointer; transition:background .15s, color .15s; }
#part .ub-cart-del:hover { background:#fdecea; color:#c0392b; }

/* закріплений низ: сума й кнопки */
#part .ub-cart-foot { flex:0 0 auto; padding:18px 26px 22px; border-top:1px solid #f3ecf5; background:linear-gradient(180deg,#fff 0%,#fcf8fd 100%); box-shadow:0 -12px 28px rgba(42,34,48,.06); }
#part .ub-cart-sum { display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin:0 0 4px; }
#part .ub-cart-sum span { font-size:15px; color:#6f6577; }
#part .ub-cart-sum b { font-size:26px; font-weight:800; letter-spacing:-.02em; color:#6c0977; white-space:nowrap; }
#part .ub-cart-hint { margin:0 0 16px; font-size:12.5px; color:#9a8ca5; }
html:lang(uk) #part .ub-cart-hint:before { content:"Доставку й оплату оберете на наступному кроці"; }
html:lang(ru) #part .ub-cart-hint:before { content:"Доставку и оплату выберете на следующем шаге"; }
#part a.ub-cart-go { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; height:56px; margin:0; padding:0 18px; border:0; border-radius:16px !important; background:linear-gradient(135deg,#9c27b0 0%,#6c0977 55%,#4a0552 100%) !important; color:#fff !important; font-size:16px; font-weight:700; letter-spacing:.01em; text-transform:none; text-decoration:none !important; box-shadow:0 12px 26px rgba(108,9,119,.32); transition:transform .15s, box-shadow .15s, filter .15s; }
#part a.ub-cart-go:hover { transform:translateY(-1px); box-shadow:0 16px 32px rgba(108,9,119,.4); filter:saturate(1.1); }
#part a.ub-cart-go svg { width:20px; height:20px; transition:transform .2s; }
#part a.ub-cart-go:hover svg { transform:translateX(3px); }
#part a.ub-cart-more { display:block; margin:10px 0 0; padding:8px; text-align:center; font-size:14px; font-weight:500; color:#6c0977 !important; text-decoration:none !important; background:none !important; border:0 !important; }
#part a.ub-cart-more:hover { text-decoration:underline !important; }
html:lang(uk) #part a.ub-cart-more:after { content:"Продовжити покупки"; }
html:lang(ru) #part a.ub-cart-more:after { content:"Продолжить покупки"; }
#part a.ub-cart-more.ub-continue:after { content:none; }

/* порожній кошик і повідомлення «товар додано» */
#part #partcont .content > p.text-center { margin:auto; padding:48px 26px; font-size:15px; color:#8a7a96; }
#part #partcont .mcartdiv, #part #partcont .mcartdivatem { padding:24px 26px; text-align:left; font-size:15px; line-height:1.5; overflow-y:auto; }
#part #partcont .testbutton { display:flex; align-items:center; justify-content:center; width:100%; min-height:52px; border-radius:16px !important; background:linear-gradient(135deg,#9c27b0 0%,#6c0977 55%,#4a0552 100%) !important; color:#fff !important; font-weight:700; text-decoration:none !important; }
#part #partcont #loading-mask { position:absolute; inset:0; background:rgba(255,255,255,.55); }

/* телефон: панель знизу */
@media (max-width:600px) {
	#part #partcont { top:auto !important; width:100% !important; max-width:none !important; height:auto !important; max-height:90vh !important; border-radius:22px 22px 0 0 !important; animation-name:ubCartUp; box-shadow:0 -18px 50px rgba(42,34,48,.25) !important; }
	@keyframes ubCartUp { from { transform:translateY(100%); } to { transform:none; } }
	#part #partcont .heading { position:relative; padding:24px 16px 14px 20px !important; }
	#part #partcont .heading:after { content:""; position:absolute; top:8px; left:50%; width:42px; height:4px; margin-left:-21px; border-radius:4px; background:#e3d6e8; }
	#part #partcont .heading:before { font-size:20px !important; }
	#part #partcont .mini-cart-info { padding:4px 20px 8px; }
	#part .ub-cart-thumb { flex-basis:68px; width:68px; height:68px; border-radius:14px !important; }
	#part .ub-cart-foot { padding:14px 20px calc(16px + env(safe-area-inset-bottom)); }
	#part .ub-cart-sum b { font-size:22px; }
	#part a.ub-cart-go { height:52px; }
}

/* 17.10.2026 (2): лаконічно — без градієнтів, тіней і розмиття */
#part { z-index:100000 !important; background:rgba(30,18,36,.4) !important; -webkit-backdrop-filter:none; backdrop-filter:none; }
#part #partcont { box-shadow:none !important; }
#part #partcont .ub-cart-close:hover { transform:none; }
#part .ub-cart-list li { animation:none; }
#part .ub-cart-thumb img { mix-blend-mode:normal; }
#part .ub-cart-foot { background:#fff; box-shadow:none; border-top:1px solid #efe7f2; }
#part .ub-cart-sum b { font-weight:700; }
#part a.ub-cart-go { height:52px; border-radius:12px !important; background:#6c0977 !important; box-shadow:none; font-weight:600; transition:background .15s; }
#part a.ub-cart-go:hover { background:#4a0552 !important; transform:none; box-shadow:none; filter:none; }
#part #partcont .testbutton { background:#6c0977 !important; border-radius:12px !important; }
@media (max-width:600px) { #part #partcont { box-shadow:none !important; } }

/* 17.10.2026 (3): позначка «Товар додано», кнопки в картках товарів, літера бренду */
#part #partcont.ub-loading .mcartdiv { visibility:hidden; }
#part #partcont.ub-loading { min-height:200px; }
#part .ub-cart-added { flex:0 0 auto; margin:0; padding:11px 26px; background:#f2f9f3; color:#2f7d32; font-size:14px; font-weight:600; border-bottom:1px solid #e1f0e3; }
#part .ub-cart-added:before { content:"\2713"; display:inline-block; margin-right:8px; font-weight:700; }

.product-buttons a.cart.button-cart { display:inline-flex !important; align-items:center; justify-content:center; gap:8px; height:42px; line-height:1 !important; padding:0 16px !important; border:0 !important; border-radius:10px !important; background:#6c0977 !important; color:#fff !important; font-size:14px !important; font-weight:600 !important; letter-spacing:0 !important; text-transform:none !important; text-decoration:none !important; box-shadow:none !important; transition:background .15s; }
.product-buttons a.cart.button-cart:hover { background:#4a0552 !important; color:#fff !important; }
.product-buttons a.cart.button-cart i.fa { margin:0 !important; font-size:15px; }
.product-buttons a.cart.button-cart:not([onclick]) { background:#f3eff5 !important; color:#9a8ca5 !important; cursor:default; pointer-events:none; }

#content .ub-brand-letter { display:flex; align-items:center; justify-content:center; width:100%; max-width:150px; aspect-ratio:1/1; border-radius:20px; background:#f3ecf5; color:#6c0977; font-size:64px; font-weight:700; line-height:1; margin:0 0 12px; }
@media (max-width:767px) { #content .ub-brand-letter { width:96px; height:96px; font-size:44px; border-radius:16px; } }

/* 17.10.2026 (4): іконки месенджерів у фірмових кольорах */
.ub-mc-wa i, .oct-messengers-li a[title="WhatsApp"] i { color:#25D366 !important; }
.ub-mc-tg i, .oct-messengers-li a[title="Telegram"] i { color:#229ED9 !important; }
.ub-mc-vb i, .oct-messengers-li a[title="Viber"] i { color:#7360F2 !important; }

/* 18.10.2026: сторінка товару — відгуки, виробник і наявність одним рядком */
.ub-prow { display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; margin:4px 0 12px; font-size:13.5px; line-height:1.3; }
.ub-prow .review { display:inline-flex !important; align-items:center; gap:1px; margin:0 !important; padding:0 !important; float:none !important; width:auto !important; }
.ub-prow .review > span { display:inline-flex; }
.ub-prow .review i { font-size:13px !important; color:#f5b301 !important; margin:0 !important; }
.ub-prow .review i.fa-star-o { color:#d9cfdf !important; }
.ub-prow .review .clerfix { display:none; }
.ub-prow .review a { margin:0 0 0 6px !important; padding:0 !important; border:0 !important; color:#6f6577 !important; font-size:13px; text-decoration:none !important; cursor:pointer; }
.ub-prow .review a:hover { color:#6c0977 !important; }
.ub-prow .ub-prow-sep { display:inline-block; width:3px; height:3px; border-radius:50%; background:#cbbfd2; }
.ub-prow a.ub-prow-brand { color:#2a2230 !important; font-weight:600; text-decoration:none !important; border:0 !important; }
.ub-prow a.ub-prow-brand:hover { color:#6c0977 !important; }
.ub-prow .ub-stock { margin:0 !important; }

/* 18.10.2026 (2): одна сучасна іконка кошика всюди (шапка, нижнє меню, кнопки «Купити») */
i.fa.fa-shopping-cart, i.fa.fa-shopping-bag, i.fa.fa-shopping-basket {
	display:inline-block; width:1.2em; height:1.2em; vertical-align:-.22em; background-color:currentColor;
	-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 8h13l-1.1 11.2a2 2 0 0 1-2 1.8H8.6a2 2 0 0 1-2-1.8z'/%3E%3Cpath d='M9 10V7a3 3 0 0 1 6 0v3'/%3E%3C/svg%3E") center/contain no-repeat;
	mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 8h13l-1.1 11.2a2 2 0 0 1-2 1.8H8.6a2 2 0 0 1-2-1.8z'/%3E%3Cpath d='M9 10V7a3 3 0 0 1 6 0v3'/%3E%3C/svg%3E") center/contain no-repeat;
}
i.fa.fa-shopping-cart:before, i.fa.fa-shopping-bag:before, i.fa.fa-shopping-basket:before { content:"" !important; }
#button-cart { display:inline-flex !important; align-items:center; justify-content:center; gap:8px; border-radius:10px !important; background:#6c0977 !important; font-weight:600 !important; text-transform:none !important; box-shadow:none !important; }
#button-cart:hover { background:#4a0552 !important; }
#button-cart i.fa { font-size:17px; margin:0 !important; }

/* товар без відгуків */
.ub-prow .review.ub-prow-none > span { display:none !important; }
.ub-prow .review.ub-prow-none a { margin-left:0 !important; color:#6c0977 !important; text-decoration:underline !important; text-underline-offset:2px; }

/* вікно швидкого пошуку на телефоні */
.search-box-top { background:#fff !important; }
.search-box-top .m-search-title { display:flex !important; align-items:center; justify-content:space-between; gap:10px; margin:0 !important; padding:16px 16px 12px !important; font-size:18px !important; font-weight:700 !important; color:#2a2230 !important; text-transform:none !important; }
.search-box-top .m-search-title span { display:flex; align-items:center; justify-content:center; flex:0 0 38px; width:38px; height:38px; border-radius:50%; background:#f3ecf5; color:#2a2230; font-size:16px; cursor:pointer; float:none !important; position:static !important; }
.search-box-top .m-search-content { display:flex !important; flex-wrap:wrap; gap:8px; padding:0 16px 12px !important; margin:0 !important; float:none !important; }
.search-box-top .m-search-content:before, .search-box-top .m-search-content:after { display:none !important; }
.search-box-top #story-top { flex:1 1 0; min-width:0; width:auto !important; float:none !important; height:48px !important; margin:0 !important; padding:0 14px 0 42px !important; border:1.5px solid #d9c9de !important; border-radius:12px !important; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a7a96' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") no-repeat 14px center / 18px !important; font-size:16px !important; color:#2a2230 !important; box-shadow:none !important; outline:none; -webkit-appearance:none; appearance:none; }
.search-box-top #story-top:focus { border-color:#6c0977 !important; }
.search-box-top .top-search-submit { flex:0 0 auto; width:auto !important; float:none !important; height:48px !important; margin:0 !important; padding:0 18px !important; border:0 !important; border-radius:12px !important; background:#6c0977 !important; color:#fff !important; font-size:15px !important; font-weight:600 !important; -webkit-appearance:none; appearance:none; }
.search-box-top .mobile-search-result { flex:0 0 100%; width:100%; }

/* 18.10.2026 (3): сторінка товару на десктопі — права колонка не притиснута до верху */
@media (min-width:768px) {
	.product-info .product-right { padding-top:30px !important; padding-left:32px !important; }
	.product-info .product-right .ub-prow { margin:0 0 20px; font-size:14px; }
	.product-info .product-right .cart { margin:0 0 26px !important; }
	.product-info .product-right #button-cart { min-height:52px; font-size:16px !important; }
}

/* 18.10.2026 (4): категорія на телефоні — «Фільтр» + сортування в рядок, «Шукаю:» і шторка добірок */
@media (max-width:767px) {
	html.ub-mt .top-menu { flex-wrap:wrap; padding-bottom:0 !important; margin-bottom:4px !important; height:auto !important; }
	html.ub-mt .top-menu .show-items, html.ub-mt .top-menu .sort { display:none !important; }
	html.ub-mt .ocf-btn-mobile-fixed { display:none !important; }
	.ub-mtools { display:flex; gap:8px; flex:0 0 100%; width:100%; margin:10px 0 6px; }
	.ub-mfilter { flex:0 0 auto; display:inline-flex; align-items:center; gap:8px; height:42px; padding:0 16px; border:0; border-radius:10px; background:#6c0977; color:#fff; font-size:14px; font-weight:600; cursor:pointer; }
	.ub-mfilter svg { width:18px; height:18px; fill:none; stroke:#fff; stroke-width:2; stroke-linecap:round; }
	.ub-msort { position:relative; flex:1 1 auto; min-width:0; }
	.ub-msort select { display:block; width:100% !important; height:42px !important; margin:0 !important; padding:0 34px 0 12px !important; border:1px solid #ddd5e2 !important; border-radius:10px !important; background:#fff !important; color:#2a2230 !important; font-size:14px !important; text-indent:0 !important; -webkit-appearance:none; appearance:none; box-shadow:none !important; }
	.ub-msort:after { content:""; position:absolute; right:14px; top:50%; width:8px; height:8px; margin-top:-6px; border-right:2px solid #6c0977; border-bottom:2px solid #6c0977; transform:rotate(45deg); pointer-events:none; }

	html.ub-dpv .ocf-page-list-top { display:none !important; }
	.ub-ask { display:flex; align-items:center; gap:8px; width:100%; margin:4px 0 14px; padding:13px 16px; border:1px solid #ece4f1; border-radius:14px; background:#fff; font:inherit; font-size:15px; color:#2a2230; text-align:left; cursor:pointer; }
	.ub-ask b { flex:0 0 auto; font-weight:700; }
	.ub-ask i { flex:1 1 auto; min-width:0; font-style:italic; font-weight:600; color:#6c0977; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
	.ub-ask i:after { content:""; display:inline-block; width:2px; height:1em; margin-left:2px; background:#6c0977; vertical-align:-2px; animation:ubcur 1s steps(1) infinite; }
	@keyframes ubcur { 50% { opacity:0; } }
	.ub-ask em { flex:0 0 auto; font-style:normal; padding:3px 9px; border-radius:999px; background:#f3ecf5; color:#6c0977; font-size:12.5px; font-weight:700; }
	.ub-ask svg { flex:0 0 16px; width:16px; height:16px; fill:none; stroke:#6c0977; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
	.ub-ask-ov { position:fixed; inset:0; z-index:100000; background:rgba(30,18,36,.4); opacity:0; pointer-events:none; transition:opacity .2s; }
	.ub-ask-ov.on { opacity:1; pointer-events:auto; }
	.ub-ask-sh { position:absolute; left:0; right:0; bottom:0; max-height:82vh; overflow:auto; padding:8px 16px calc(24px + env(safe-area-inset-bottom)); border-radius:20px 20px 0 0; background:#fff; transform:translateY(100%); transition:transform .25s; }
	.ub-ask-ov.on .ub-ask-sh { transform:none; }
	.ub-ask-sh:before { content:""; display:block; width:40px; height:4px; margin:4px auto 10px; border-radius:2px; background:#e3d6e8; }
	.ub-ask-sh h3 { margin:0 0 4px; font-size:19px; font-weight:700; color:#2a2230; text-transform:none; letter-spacing:0; }
	.ub-ask-sh h4 { margin:16px 0 8px; font-size:11.5px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:#9a8fa6; }
	.ub-ask-g { display:flex; flex-wrap:wrap; gap:8px; }
	.ub-ask-sh a { padding:9px 14px; border:1px solid #ece4f1; border-radius:999px; background:#fff; color:#2a2230; font-size:14px; font-weight:600; line-height:1.25; text-decoration:none; }
	.ub-ask-sh a:active { background:#f3ecf5; border-color:#6c0977; }
	@media (prefers-reduced-motion:reduce) { .ub-ask i:after { animation:none; } }
}
@media (min-width:768px) { .ub-ask, .ub-ask-ov, .ub-mtools { display:none !important; } }
.ub-hint { clear:both; float:none; width:100%; padding:0 6px; margin:6px 0 14px; }
.ub-hint > b { display:block; margin:0 0 10px; font-size:15px; line-height:1.3; font-weight:700; color:#2a2230; }
.ub-hint > b span { font-weight:500; color:#6f6577; }
.ub-hint { background:#f6f0f8; border-radius:16px; padding:14px; }
.ub-hint-l { display:flex; flex-wrap:wrap; gap:8px; }
.ub-hint-l a, .ub-hint-l button { padding:8px 12px; border:1px solid #e5d8ec; border-radius:999px; background:#fff; color:#2a2230; font:inherit; font-size:13px; font-weight:600; line-height:1.25; text-decoration:none; cursor:pointer; }
.ub-hint-l button { background:#6c0977; border-color:#6c0977; color:#fff; }

/* 18.10.2026 (5): телефон — менше порожнечі під шапкою, більше повітря над ціною */
@media (max-width:767px) {
	#oct-wrap > .container > div > #container, #container { margin-top:6px !important; padding-top:0 !important; }
	.product-info .product-right .ub-prow { margin:2px 0 20px; }
	.product-info .product-right .cart { margin-bottom:18px !important; }
}

/* 18.10.2026 (6): кошик у шапці на телефоні — явний розмір іконки */
.cart-top-mobile > span { display:inline-flex !important; align-items:center; justify-content:center; width:auto !important; }
.cart-top-mobile i.fa { display:inline-block !important; width:24px !important; height:24px !important; min-width:24px; font-size:24px !important; vertical-align:middle; }
/* select на всю ширину */
@media (max-width:767px) { .ub-msort select#input-sort { max-width:none !important; min-width:0 !important; float:none !important; } }

/* 18.10.2026 (7): тонкий хрестик закриття пошуку */
.search-box-top .m-search-title span i.fa, .search-box-top #close-desktop-search i.fa {
	display:inline-block; width:16px; height:16px; font-size:0 !important; background-color:currentColor;
	-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center/contain no-repeat;
	mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center/contain no-repeat;
}
.search-box-top .m-search-title span i.fa:before, .search-box-top #close-desktop-search i.fa:before { content:"" !important; }
.search-box-top .m-search-title span { color:#4a3d55 !important; transition:background .15s, color .15s; }
.search-box-top .m-search-title span:hover { background:#6c0977 !important; color:#fff !important; }
@media (max-width:767px) { .search-box-top #close-desktop-search { display:none !important; } }

/* 18.10.2026 (8): телефон — липка панель «Купити» впритул до нижнього меню, ціна й кнопка, сітка товарів, кнопка «нагору» */
@media (max-width:767px) {
	.product-info .product-right .cart.ub-buy-stuck { margin:0 !important; border-top:1px solid #efe7f2; }
	.product-info .product-right .cart .price .price-new, .product-info .product-right .cart .price { font-size:18px !important; }
	.product-info .product-right .cart .price .price-old { font-size:13px !important; }
	.product-info .product-right #button-cart { min-height:44px !important; height:44px; padding:0 18px !important; font-size:15px !important; border-radius:10px !important; }
	.product-grid.row, #res-products .product-grid.row { margin-left:-5px !important; margin-right:-5px !important; }
	.product-grid > .cols, #res-products .cols { padding-left:5px !important; padding-right:5px !important; }
	.product-grid > .cols > .product { margin-bottom:10px !important; }
}
.dps-chip em { margin-right:2px; }

/* кнопка «нагору» */
.ub-top { position:fixed; right:14px; bottom:76px; z-index:1500; display:flex; align-items:center; justify-content:center; width:44px; height:44px; padding:0; border:1px solid #e5d8ec; border-radius:50%; background:#fff; color:#6c0977; cursor:pointer; opacity:0; visibility:hidden; transform:translateY(8px); transition:opacity .2s, transform .2s, visibility .2s, bottom .2s; }
.ub-top.on { opacity:1; visibility:visible; transform:none; }
.ub-top:hover { background:#6c0977; border-color:#6c0977; color:#fff; }
.ub-top svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
@media (min-width:768px) { .ub-top { right:24px; bottom:24px; width:48px; height:48px; } }
@media (max-width:767px) { .product-info .product-right #button-cart { height:44px !important; line-height:44px !important; } }

/* ===== 18.10.2026: єдина шкала шрифтів і відступів (шрифт з 18.10.2026 — Inter) =====
   телефон → десктоп:
   назва сторінки 22 → 28 | заголовок у тексті 19 → 22 | підзаголовок 16 → 18 | текст 15/1.6
   назва товару в картці 14 | ціна в картці 16 → 17 | стара ціна 12 | дрібні підписи 12–13 */

/* назва сторінки */
#content h1, h1.category-header, .product-info h1 { font-size:22px !important; line-height:1.25 !important; font-weight:600 !important; letter-spacing:-.01em; margin:4px 0 12px !important; }

/* тексти категорій і описи товарів */
.category-info h2, #tab-description h2, .tab-content h2, .information-content h2 { font-size:19px !important; line-height:1.3 !important; font-weight:600 !important; margin:22px 0 10px !important; }
.category-info h3, #tab-description h3, .tab-content h3, .information-content h3 { font-size:16px !important; line-height:1.35 !important; font-weight:600 !important; margin:18px 0 8px !important; }
.category-info p, .category-info li, #tab-description p, #tab-description li, .tab-content p, .tab-content li { font-size:15px !important; line-height:1.6 !important; }
.category-info p, #tab-description p, .tab-content p { margin:0 0 12px !important; }
.category-info li, #tab-description li, .tab-content li { margin-bottom:4px; }

/* картки товарів: категорія, пошук, схожі товари, картриджі до апарата */
.product .name a, .item .name a, .p-l-card__title { font-size:14px !important; line-height:1.35 !important; font-weight:500 !important; }
.product .price, .item .price, .product-about .price, .product .price .price-new, .item .price .price-new, .p-l-card__price { font-size:16px !important; font-weight:700 !important; line-height:1.2 !important; }
.product .price .price-old, .item .price .price-old, .p-l-card .price-old { font-size:12px !important; font-weight:400 !important; }
.oct-cat-stock span, .product .stock-green, .product .stock-red { font-size:12px !important; font-weight:600 !important; }
.product .sticker { font-size:11.5px !important; font-weight:600 !important; }
.p-l-modern__line-title { font-size:18px !important; font-weight:600 !important; }

/* дрібні підписи */
.breadcrumb li, .breadcrumb a, .breadcrumb span { font-size:13px !important; line-height:1.4 !important; }
.ub-sku, .ub-sku span { font-size:12.5px !important; }
.copyright { font-size:12px !important; line-height:1.5 !important; }

/* фільтр */
.ocf-value-name { font-size:14px !important; }
.ocf-filter-name { font-size:15px !important; font-weight:600 !important; }

/* вкладки на сторінці товару */
.product-info .nav-tabs > li > a, .tabs-box .nav-tabs > li > a { font-size:15px !important; }

@media (min-width:992px) {
	#content h1, h1.category-header, .product-info h1 { font-size:28px !important; margin:6px 0 16px !important; }
	.category-info h2, #tab-description h2, .tab-content h2, .information-content h2 { font-size:22px !important; margin:28px 0 12px !important; }
	.category-info h3, #tab-description h3, .tab-content h3, .information-content h3 { font-size:18px !important; }
	.category-info p, .category-info li, #tab-description p, #tab-description li, .tab-content p, .tab-content li { line-height:1.65 !important; }
	.product .name a, .item .name a, .p-l-card__title { font-size:14.5px !important; }
	.product .price, .item .price, .product-about .price, .product .price .price-new, .item .price .price-new, .p-l-card__price { font-size:17px !important; }
	.product-info .product-right .cart .price, .product-info .product-right .cart .price .price-new { font-size:26px !important; }
	.p-l-modern__line-title { font-size:22px !important; }
}
/* тексти, вставлені в описи з чужим шрифтом, — шрифтом сайту */
#tab-description *, .category-info *, .tab-content * { font-family:inherit !important; }

/* 18.10.2026 (9): десктоп — меню в один рядок, рівно на всю ширину; кнопка «Купити» без напівпрозорості */
@media (min-width:992px) {
	#megamenu-menu .navbar-nav { display:flex !important; flex-wrap:nowrap; justify-content:space-between; float:none !important; width:100%; }
	#megamenu-menu .navbar-nav > li { float:none !important; flex:0 1 auto; }
	#megamenu-menu .navbar-nav > li > a { padding-right:4px !important; white-space:nowrap; }
}
@media (min-width:992px) and (max-width:1199px) {
	#megamenu-menu .navbar-nav > li > a { font-size:13px !important; }
}
#button-cart { opacity:1 !important; }

/* 18.10.2026 (10): головна — картки розділів рівною сіткою (5 колонок на десктопі, 3 на планшеті) */
@media (min-width:768px) {
	.dv-cats .dv-list { display:grid !important; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:14px 12px !important; }
	.dv-cats .dv-cat { width:auto !important; height:auto !important; min-height:270px; padding:22px 16px 62px !important; }
	.dv-cats .dv-full { grid-column:1 / -1; min-height:0; }
	.dv-cats .dv-wide { grid-column:span 2; }
	.dv-cats .dv-full .dv-sub { columns:3 !important; }
}
@media (min-width:1100px) {
	.dv-cats .dv-list { grid-template-columns:repeat(5, minmax(0, 1fr)); }
	.dv-cats .dv-full .dv-sub { columns:4 !important; }
}

/* 18.10.2026 (11): порожній кошик — ілюстрація, текст, кнопка й популярні розділи */
html:lang(uk) .ub-empty .ub-ru, html:lang(ru) .ub-empty .ub-uk { display:none !important; }
#part #partcont #cart:has(.ub-empty) #cart-total { display:none; }
#part #partcont .content > .ub-empty { margin:auto 0; }
.ub-empty { display:flex; flex-direction:column; align-items:center; text-align:center; padding:28px 26px 32px; }
.ub-empty-art { width:200px; height:140px; margin:0 0 14px; overflow:visible; }
.ub-empty-art .ub-e-line, .ub-empty-art .ub-e-fill, .ub-empty-art .ub-e-floor, .ub-empty-art .ub-e-spark { fill:none; stroke:#a99bb5; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }
.ub-empty-art .ub-e-fill { fill:#fbf8fc; }
.ub-empty-art .ub-e-floor { stroke:#d9cfe0; }
.ub-empty-art .ub-e-spark { stroke:#c9a3d3; stroke-width:2; animation:ubSpark 2.6s ease-in-out infinite; }
.ub-empty-art .ub-e-dot { fill:#7d6b8b; }
.ub-empty-art .ub-e-blush { fill:#f3d6ef; }
.ub-empty-art .ub-e-bag { transform-box:fill-box; transform-origin:50% 100%; animation:ubSway 3.2s ease-in-out infinite; }
.ub-empty-art .ub-e-basket { transform-box:fill-box; transform-origin:50% 100%; animation:ubSway 3.2s ease-in-out infinite reverse; }
.ub-empty-art .ub-e-eye { transform-box:fill-box; transform-origin:center; animation:ubBlink 4.5s infinite; }
@keyframes ubSway { 0%, 100% { transform:rotate(-2deg); } 50% { transform:rotate(2deg); } }
@keyframes ubBlink { 0%, 92%, 100% { transform:scaleY(1); } 95% { transform:scaleY(.15); } }
@keyframes ubSpark { 0%, 100% { opacity:.25; } 50% { opacity:1; } }
@media (prefers-reduced-motion:reduce) { .ub-empty-art * { animation:none !important; } }
.ub-empty-title { display:block; font-size:18px; font-weight:600; color:#2a2230; margin:0 0 6px; }
.ub-empty-sub { font-size:14px; color:#8a7a96; margin:0 0 20px; }
.ub-empty-go { display:inline-flex; align-items:center; justify-content:center; min-width:200px; height:46px; padding:0 22px; border-radius:12px; background:#6c0977; color:#fff !important; font-size:15px; font-weight:600; text-decoration:none !important; transition:background .15s; }
.ub-empty-go:hover { background:#4a0552; }
.ub-empty-cats { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:18px; }
.ub-empty-cats a { padding:7px 13px; border:1px solid #e5d8ec; border-radius:999px; background:#fff; color:#2a2230 !important; font-size:13px; font-weight:500; text-decoration:none !important; }
.ub-empty-cats a:hover { border-color:#6c0977; color:#6c0977 !important; }
#part #partcont:has(.ub-empty) #cart-total { display:none !important; }
.ub-empty-cats { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); width:100%; max-width:280px; }
.ub-empty-cats a { text-align:center; }

/* 18.10.2026 (12): зірки рейтингу — маленька плашка в лівому верхньому куті фото товару, блідо-бузкові, без лічильника */
.product-info .image .ub-rate { position:absolute; top:10px; left:10px; z-index:5; display:inline-flex; align-items:center; gap:2px; padding:5px 8px; border-radius:999px; background:rgba(255,255,255,.92); border:1px solid #efe4f3; text-decoration:none !important; line-height:1; }
.product-info .image .ub-rate i { font-size:11px; color:#c9aed6 !important; }
.product-info .image .ub-rate i.fa-star-o { color:#e6dcec !important; }
.product-info .image .ub-rate:hover { border-color:#c9aed6; }
@media (min-width:768px) { .product-info .image .ub-rate { top:14px; left:14px; padding:6px 10px; } .product-info .image .ub-rate i { font-size:12px; } }
.ub-prow .review.ub-prow-hide { display:none !important; }

/* 18.10.2026 (13): лічильник фото «1/7» на головному фото не показуємо — поточне фото видно по рамці мініатюри */
.ub-gal-count { display:none !important; }

/* 18.10.2026 (14): розділ дермапенів — рядок «Порівняти дермапени» перед товарами */
.ub-cmp-link { display:flex; align-items:center; gap:12px; margin:0 0 14px; padding:12px 14px; border:1px solid #ead9ee; border-radius:14px; background:#fbf8fc; color:#2a2230 !important; text-decoration:none !important; transition:border-color .15s, background .15s; }
.ub-cmp-link:hover { border-color:#6c0977; background:#f6eef8; }
.ub-cmp-ic { flex:0 0 40px; width:40px; height:40px; border-radius:12px; background:#fff; border:1px solid #ead9ee; display:flex; align-items:center; justify-content:center; }
.ub-cmp-ic svg { width:22px; height:22px; fill:none; stroke:#6c0977; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.ub-cmp-txt { flex:1 1 auto; min-width:0; }
.ub-cmp-txt b { display:block; font-size:15px; font-weight:600; line-height:1.3; }
.ub-cmp-txt small { display:block; font-size:13px; color:#8a7a96; line-height:1.35; }
.ub-cmp-go { flex:0 0 auto; color:#6c0977; font-size:18px; }
@media (min-width:768px) { .ub-cmp-link { display:inline-flex; margin:0 0 18px; padding:10px 18px 10px 12px; } }

/* 18.10.2026 (15): липка панель «Купити» ховається, коли пішли списки інших товарів */
.product-right .cart.ub-buy-stuck.ub-buy-off { display:none !important; }

/* 18.10.2026 (16): шрифт Inter ширший за Ubuntu — шапка: пошук може стискатися, проміжки менші, кошик не вилазить за край */
@media (min-width:993px) {
	.ub-header { gap:14px !important; }
	.ub-header .ub-search { min-width:150px !important; }
}
/* ноутбуки 993–1199 з Inter: логотип менший, у кнопках шапки лише іконки, телефон і кошик дрібніше, меню 12px */
@media (min-width:993px) and (max-width:1199px) {
	.ub-header { gap:10px !important; }
	.ub-header .ub-logo img, .ub-header .ub-logo svg { max-width:190px !important; height:auto !important; }
	.ub-actions a.ub-act:after { display:none !important; }
	.ub-actions a.ub-act { min-width:40px; }
	.ub-contacts a.phoneclick { font-size:15px !important; }
	.ub-contacts { font-size:12px; }
	#right-block #cart-total { font-size:12.5px !important; }
	#megamenu-menu .navbar-nav > li > a { font-size:11.5px !important; letter-spacing:-.01em; padding-right:2px !important; }
}

/* 18.10.2026 (17): «Під замовлення» перед датою відправки (як на Дермапен) */
.ub-ship .ub-ship-tag { display:inline-block; margin-right:8px; padding:1px 8px; border-radius:10px; background:#fdecec; color:#c0392b; font-size:12px; font-weight:600; white-space:nowrap; }

/* 18.10.2026 (18): «Під замовлення: відправимо орієнтовно …» під назвою товару в кошику й оформленні (як на Дермапен) */
#part #partcont .ub-cart-supply, .ubc-pname .ubc-supply { display:block; margin:2px 0 4px; color:#c0392b; font-size:12.5px; font-weight:600; line-height:1.35; }

/* 18.10.2026 (19): статус «Під замовлення» / «Передзамовлення» на сторінці товару — помаранчевим, як у картках */
.ub-stock.ub-stock-sup { color:#b45309 !important; background:#fff4e5 !important; }

/* 18.10.2026 (20): головна — біла форма карток (з вирізом під круглу кнопку) завжди точно по краях картки.
   Раніше SVG тягнувся зі збереженням пропорцій і на деяких ширинах екрана «надкушувався» з боків.
   Тепер 9-клітинне розтягування: кути й виріз фіксовані (24px і 80px), тягнуться лише прямі ділянки. */
.dv-cats .dv-cat::before, .dv-cats .dv-wide::before, .dv-cats .dv-full::before {
	background: none !important;
	border-style: solid; border-color: transparent;
	border-width: 24px 80px 80px 24px;
	border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='284' viewBox='0 0 220 284'%3E%3Cpath fill='%23fff' d='M24 0H196A24 24 0 0 1 220 24V204A24 24 0 0 1 196 228H188A24 24 0 0 0 164 252V260A24 24 0 0 1 140 284H24A24 24 0 0 1 0 260V24A24 24 0 0 1 24 0Z'/%3E%3C/svg%3E") 24 80 80 24 fill / 24px 80px 80px 24px stretch;
}