/* ВарнаКлима – Premium Japanese Minimalism, v2 (staging, 24.10.2026)
   Само визуален слой: не скрива и не сменя съдържание, адреси, H1, title, canonical или schema.
   Палитра: washi хартия, sumi мастило, индиго (ai-iro), червен печат (hanko) само като акцент. */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;600;700&family=Noto+Serif:wght@400;500;600&display=swap');

:root {
	--jp-paper: #F7F5F0;
	--jp-white: #FFFFFF;
	--jp-sand: #EFEBE3;
	--jp-ink: #1C1B19;
	--jp-ink2: #46423C;
	--jp-mute: #6A645A;   /* v2: контраст 5,4:1 на хартия (v1 #857F75 беше 3,6:1) */
	--jp-line: #E3DED4;
	--jp-red: #B3261E;
	--jp-red-d: #8E1D17;
	--jp-indigo: #1E2A3A;
	--jp-indigo-2: #2B3A4F;
	--jp-serif: 'Noto Serif', Georgia, 'Times New Roman', serif;
	--jp-sans: 'Noto Sans', Roboto, Arial, sans-serif;
	--jp-r: 2px;
}

/* ---------- Основа ---------- */
html body { background: var(--jp-paper); color: var(--jp-ink); font-family: var(--jp-sans); letter-spacing: .005em; -webkit-font-smoothing: antialiased; }
body .content_container p, body .content_container li, body .tab-content td { color: var(--jp-ink2); }
/* тъмните блокове пазят собствения си светъл текст */
body .vkh .vkh-eng p, body .vkh .vkh-eng li, body .vkh .vkh-eng a:not(.vkh-btn), body .vkh .vkh-final p, body .vkh .vkh-final li, body .vkh .vkh-final a:not(.vkh-btn),
body .vkr-final p, body .vkr-final li, body .vkt-cta p { color: inherit !important; }
body a { color: var(--jp-ink); }
body a:hover, body a:focus { color: var(--jp-red); text-decoration: none; }
body h1, body h2, body h3, body .section_subtitle, body .product_title_view h1 { font-family: var(--jp-serif); font-weight: 500; color: var(--jp-ink); letter-spacing: .01em; }
body h1 { font-size: clamp(28px, 3.2vw, 40px); line-height: 1.25; }
body h2 { font-size: clamp(22px, 2.2vw, 30px); line-height: 1.3; }
body .wrapper_all, body .wrapper { background: transparent; }
body .form-control, body input[type=text], body input[type=email], body textarea, body select { border: 1px solid var(--jp-line); border-radius: var(--jp-r); box-shadow: none; background: var(--jp-white); }
body .form-control:focus, body input:focus, body textarea:focus { border-color: var(--jp-ink); box-shadow: none; outline: 0; }
html::-webkit-scrollbar-thumb { background: var(--jp-mute); }

/* ---------- Заглавка ---------- */
body #header_top { background: var(--jp-paper); color: var(--jp-mute); border-bottom: 1px solid var(--jp-line); font-size: 13px; letter-spacing: .03em; }
body #header_top a, body #header_top span { color: var(--jp-ink2); }
body .work_time i, body #tphone i, body #header_top i { color: var(--jp-red); }
body .header_bottom { background: var(--jp-white); box-shadow: none; border-bottom: 1px solid var(--jp-line); }
body .header_search .search_query_input, body #tm_search_query { height: 44px; border: 1px solid var(--jp-line); border-right: 0; border-radius: var(--jp-r) 0 0 var(--jp-r); background: var(--jp-paper); }
body .search_btn, body #searchBtn { background: var(--jp-ink) !important; color: #fff !important; border: 0; border-radius: 0 var(--jp-r) var(--jp-r) 0; height: 44px; letter-spacing: .06em; font-weight: 500; }
body .search_btn:hover, body #searchBtn:hover { background: var(--jp-red) !important; }
body .cart-img, body .cart_image, body .favorites_icon { color: var(--jp-ink); }
body .ajax_cart_quantity, body .favorites_quantity { background: var(--jp-red) !important; color: #fff !important; }

/* Лентата с менюто: вместо плътно червено – бяло, тънка червена линия отдолу (като печат върху хартия) */
body .back_catsmenu { background: var(--jp-white) !important; border-bottom: 2px solid var(--jp-red); }
body .back_catsmenu .trigger_cats, body .back_catsmenu .catshow_btn { background: var(--jp-ink) !important; color: #fff !important; }
body .back_catsmenu .cline_menu { background: #fff !important; }
body .back_catsmenu #mainul > li > a, body .back_catsmenu #cssmenu > ul > li > a, body .back_catsmenu .nav > li > a { color: var(--jp-ink) !important; font-weight: 500; letter-spacing: .02em; font-size: 13.5px; }
body .back_catsmenu #mainul > li > a:hover, body .back_catsmenu .nav > li > a:hover { color: var(--jp-red) !important; background: transparent !important; }
body #pages_ask_menu, body .back_catsmenu a[href*="заявка"] { background: var(--jp-red) !important; color: #fff !important; border-radius: var(--jp-r); }
body #header_cats { background: var(--jp-white); border: 1px solid var(--jp-line); box-shadow: 0 12px 30px rgba(28,27,25,.06); }
body #header_cats .div_link, body #header_cats .div_link2, body #header_cats .div_lev3 a { color: var(--jp-ink) !important; letter-spacing: .03em; }
body #header_cats .div_lev1 { border-bottom: 1px solid var(--jp-line); }
body #header_cats .div_link:hover { color: var(--jp-red) !important; background: var(--jp-paper) !important; }

/* ---------- Пътечка и заглавия на секции ---------- */
body .breadcrumbs_background { background: transparent !important; border-bottom: 1px solid var(--jp-line); border-radius: 0; margin: 10px 0 24px; }
body .breadcrumbs_background a, body .breadcrumbs_background .breadcrumb > .active, body .breadcrumbs_title { color: var(--jp-mute) !important; font-size: 13px; letter-spacing: .06em; }
body .breadcrumbs_background .fa-home, body .breadcrumbs_background i { color: var(--jp-red) !important; }
body .section_subtitle { position: relative; padding-bottom: 10px; }
body .section_subtitle:after { content: ''; display: block; width: 32px; height: 2px; background: var(--jp-red); margin-top: 10px; }

/* ---------- Бутони ---------- */
body .btn, body .btn-primary, body .btn-buy, body .btn-buy-montaj, body .btn-clean, body .slideshow_link { border-radius: var(--jp-r); box-shadow: none; text-transform: none; letter-spacing: .05em; font-weight: 500; transition: background .2s, color .2s, border-color .2s; }
body .btn-buy, body #button-cart { background: var(--jp-white) !important; color: var(--jp-ink) !important; border: 1px solid var(--jp-ink) !important; }
body .btn-buy:hover, body #button-cart:hover { background: var(--jp-ink) !important; color: #fff !important; }
body .btn-buy-montaj, body #button-cart-montaj { background: var(--jp-ink) !important; color: #fff !important; border: 1px solid var(--jp-ink) !important; }
body .btn-buy-montaj:hover, body #button-cart-montaj:hover { background: var(--jp-red) !important; border-color: var(--jp-red) !important; }
body .slideshow_link { background: var(--jp-ink) !important; color: #fff !important; }
body .btn-clean-bord, body #btnSubmit { background: var(--jp-ink) !important; color: #fff !important; border: 0 !important; }

/* ---------- Начална страница (блоковете .vkh – само цветове и типография) ---------- */
body .vkh { --vk-r: #B3261E; --vk-rd: #8E1D17; --vk-n: #1E2A3A; --vk-b: #1E2A3A; --vk-ink: #1C1B19; --vk-mut: #6B655C; --vk-ln: #E3DED4; --vk-soft: #FBFAF7; font-family: var(--jp-sans); }
body .vkh h1, body .vkh h2, body .vkh h3 { font-family: var(--jp-serif); font-weight: 500; }
body .vkh .vkh-kicker { letter-spacing: .18em; }
body .vkh .vkh-hero { background: var(--jp-white); border: 1px solid var(--jp-line); border-left: 3px solid var(--jp-red); box-shadow: none; background-image: none; }
body .vkh .vkh-card, body .vkh .vkh-ms, body .vkh .vkh-steps, body .vkh .vkh-facts > * { box-shadow: none; border-color: var(--jp-line); border-radius: var(--jp-r); background: var(--jp-white); }
body .vkh .vkh-card:hover { border-color: var(--jp-ink); transform: none; }
body .vkh .vkh-eng, body .vkh .vkh-final { border-radius: var(--jp-r); }
body .vkh .vkh-gal-grid img { border-radius: 0; filter: saturate(.92); }
body .container_back_slide { background: transparent; }
body .container_back_slide .flexslider, body .container_back_slide .owl-carousel { border-radius: var(--jp-r); overflow: hidden; }
body .top_producers img { filter: grayscale(1) contrast(.9); opacity: .75; transition: filter .25s, opacity .25s; }
body .top_producers a:hover img { filter: none; opacity: 1; }

/* ---------- Продуктови карти (списъци, „Подобни продукти“) ---------- */
body .topoffer, body .vkr-card { background: var(--jp-white); border: 1px solid var(--jp-line) !important; border-radius: var(--jp-r) !important; box-shadow: none !important; transition: border-color .2s; }
body .topoffer:hover, body .vkr-card:hover { border-color: var(--jp-ink) !important; }
body .topoffer.vk-promo, body .vkr-list .vkr-card.vk-promo { box-shadow: none !important; border: 1px solid var(--jp-line) !important; background: var(--jp-white) !important; }
body .product_index_pic, body .topofferpic { background: var(--jp-paper); }
body .product_title, body .vkr-card-title, body .product_title a { font-family: var(--jp-sans); font-weight: 600; color: var(--jp-ink) !important; letter-spacing: 0; }
body .vkr-card-meta { color: var(--jp-mute) !important; }
body .product_price .price, body .vkr-card .price { color: var(--jp-ink) !important; font-family: var(--jp-serif); font-weight: 500; }
body .old_price { color: var(--jp-mute) !important; }
/* Промоция: малък червен печат вместо плътна червена рамка */
body .product_pic .promo, body .category_pic .promo, body .promo_view { background: var(--jp-red) !important; border-radius: 0 !important; box-shadow: none !important; font-weight: 600 !important; letter-spacing: .06em; }
body .vk-save { background: transparent !important; color: var(--jp-red) !important; border: 1px solid var(--jp-red); border-radius: 0 !important; }
body .vkr-btn { border-radius: var(--jp-r) !important; border: 1px solid var(--jp-ink) !important; color: var(--jp-ink) !important; background: var(--jp-white) !important; box-shadow: none !important; }
body .vkr-btn:hover { background: var(--jp-ink) !important; color: #fff !important; }
body .vkr-btn-buy { background: var(--jp-ink) !important; color: #fff !important; }
body .vkr-btn-buy:hover { background: var(--jp-red) !important; border-color: var(--jp-red) !important; }
body .product_func_btn { background: var(--jp-paper) !important; color: var(--jp-ink2) !important; border: 1px solid var(--jp-line); }
body .product_func_btn:hover { background: var(--jp-ink) !important; color: #fff !important; }

/* ---------- Категория ---------- */
body .vkr-hero { background: var(--jp-white) !important; border: 1px solid var(--jp-line) !important; border-radius: var(--jp-r) !important; box-shadow: none !important; }
body .vkr-h1, body .vk-h1-tpl { font-family: var(--jp-serif) !important; font-weight: 500 !important; }
body .vkt-kicker { color: var(--jp-red) !important; letter-spacing: .18em !important; }
body .vkt-btn, body .vkt-btn--p { border-radius: var(--jp-r) !important; box-shadow: none !important; }
body .vkt-btn--p { background: var(--jp-ink) !important; border-color: var(--jp-ink) !important; color: #fff !important; }
body .vkt-btn--s { background: var(--jp-white) !important; border: 1px solid var(--jp-ink) !important; color: var(--jp-ink) !important; }
body .vk-promo-bar { border: 1px solid var(--jp-line) !important; border-left: 3px solid var(--jp-red) !important; border-radius: var(--jp-r) !important; background: var(--jp-white) !important; }
body .vk-promo-bar .vk-pb-ic { border-radius: 0 !important; background: var(--jp-red) !important; }
body .vk-promo-bar .vk-pb-btn { border-radius: var(--jp-r) !important; background: var(--jp-ink) !important; }
body .vk-promo-bar.is-on { background: var(--jp-ink) !important; border-color: var(--jp-ink) !important; }
body .vkr-box, body .vkr-steps > *, body .vkr-facts > * { border-radius: var(--jp-r) !important; box-shadow: none !important; border-color: var(--jp-line) !important; background: var(--jp-white) !important; }
/* Странична колона с филтрите */
body .btn_mobile_filters, body .is_top_product, body .promotion_side a, body a.promotion_btn { background: var(--jp-red) !important; border-radius: var(--jp-r) !important; box-shadow: none !important; }
body .producer_check_div, body .filters_box, body .filters_box_title, body .filter_box { border-color: var(--jp-line) !important; border-radius: 0 !important; background: var(--jp-white); }
body .pagination > li > a, body .pagination > li > span { border-color: var(--jp-line); color: var(--jp-ink); border-radius: 0 !important; background: var(--jp-white); }
body .pagination > .active > a, body .pagination > .active > span { background: var(--jp-ink) !important; border-color: var(--jp-ink) !important; color: #fff !important; }

/* ---------- Продуктова страница ---------- */
body .product_gallery .main_pic { background: var(--jp-white); border: 1px solid var(--jp-line); display: block; }
body .product_title_view h1, body .product_title_view_mob { font-family: var(--jp-serif); font-weight: 500; letter-spacing: .01em; }
body .product_price_label, body .montaj_label { color: var(--jp-mute) !important; font-weight: 500; letter-spacing: .06em; font-size: 13px; }
body #priceBox .price, body .montaj_price { color: var(--jp-ink) !important; font-family: var(--jp-serif); font-weight: 500; font-size: 30px; }
body .gold_line { border-color: var(--jp-line) !important; background: var(--jp-line) !important; }
body .variations_shops_item { background: var(--jp-white) !important; color: var(--jp-ink) !important; border: 1px solid var(--jp-line); border-radius: var(--jp-r); }
body .variations_shops_item i { color: var(--jp-red); }
body .product_quantity .touchspin, body #qty { background: var(--jp-white) !important; border: 1px solid var(--jp-line) !important; }
body .vk-op { background: var(--jp-white) !important; border: 1px solid var(--jp-line) !important; border-radius: var(--jp-r) !important; box-shadow: none !important; }
body .vk-op-h { font-family: var(--jp-serif); font-weight: 500; }
body .vk-op-row { border-color: var(--jp-line) !important; }
body .vk-op-pr { color: var(--jp-ink) !important; }
body .product_buttons .btn { height: 52px; font-size: 15px; }
body .product_phone a, body .viewfavorite { color: var(--jp-ink2) !important; }
body .social_btn { filter: grayscale(1); opacity: .7; }
body .social_btn:hover { filter: none; opacity: 1; }
body .tabs_container .nav-tabs > li > a { background: transparent !important; border: 0 !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important; color: var(--jp-mute) !important; font-size: 13.5px !important; letter-spacing: .1em; }
body .tabs_container .nav-tabs > li.active > a, body .tabs_container .nav-tabs > li > a:hover { color: var(--jp-ink) !important; border-bottom-color: var(--jp-red) !important; background: transparent !important; }
body .tabs_container .nav-tabs { border-bottom: 1px solid var(--jp-line) !important; }
body .tabs_container .tab-content { border: 0 !important; padding: 28px 0 !important; background: transparent; }
body table.filters td, body .tab-content table td { border-color: var(--jp-line) !important; background: var(--jp-white) !important; }
body table.filters tr:nth-child(odd) td { background: var(--jp-paper) !important; }

/* ---------- Долна част ---------- */
body footer { background: var(--jp-indigo) !important; color: #DCD7CD; }
body footer a, body footer p, body footer li, body footer span { color: #DCD7CD !important; }
body footer a:hover { color: #fff !important; }
body .footer_top .footer_title, body footer .footer_title { font-family: var(--jp-serif); font-weight: 500; letter-spacing: .08em; color: #fff !important; }
body .footer_top .footer_title::before { background: var(--jp-red) !important; }
body .footer_bottom { background: #151E2A !important; color: #BDB7AB !important; }
body footer .btn, body footer button, body footer input[type=submit] { background: var(--jp-red) !important; border: 0 !important; color: #fff !important; }
body #buttongo_top { background: var(--jp-ink) !important; border-radius: var(--jp-r) !important; }

/* ---------- Телефон ---------- */
@media (max-width: 767px) {
	body h1 { font-size: 26px; }
	body .product_buttons .btn { height: 48px; }
	body #priceBox .price, body .montaj_price { font-size: 24px; }
	body .tabs_container .nav-tabs > li > a { padding: 10px 12px !important; }
}

/* ---------- v2: видим фокус при навигация с клавиатура ---------- */
body a:focus-visible, body button:focus-visible, body input:focus-visible, body select:focus-visible, body textarea:focus-visible,
body .btn:focus-visible, body [tabindex]:focus-visible, body summary:focus-visible, body label:has(input:focus-visible) {
	outline: 2px solid var(--jp-red) !important; outline-offset: 2px !important; box-shadow: 0 0 0 4px rgba(179,38,30,.15) !important;
}
body footer a:focus-visible, body footer button:focus-visible, body footer input:focus-visible,
body .back_catsmenu .trigger_cats a:focus-visible, body .vkh .vkh-eng a:focus-visible, body .vkh .vkh-final a:focus-visible {
	outline-color: #FFFFFF !important; box-shadow: 0 0 0 4px rgba(255,255,255,.2) !important;
}
body input[type=checkbox]:focus-visible, body input[type=radio]:focus-visible { outline-offset: 1px !important; }

/* ---------- v2: тесни телефони (360 px) – бутоните в картите не излизат от рамката ---------- */
@media (max-width: 400px) {
	body .vkr-card-btns { display: flex !important; flex-wrap: wrap; gap: 6px; }
	body .vkr-card-btns .vkr-btn { flex: 1 1 auto; min-width: 0; padding-left: 8px !important; padding-right: 8px !important; font-size: 13px !important; letter-spacing: 0 !important; }
}
/* етикетът „Цена със стандартен монтаж“ – по-сбит, когато се пренася */
body .product_price_label, body .montaj_label { line-height: 1.35 !important; }

/* ---------- v2.1: панелът с филтри в категорията – бутоните в стила на слоя (без заобляне и сянка) ---------- */
body .promotion_button { border-radius: var(--jp-r) !important; box-shadow: none !important; background: var(--jp-red) !important; border-color: var(--jp-red) !important;
	font-family: var(--jp-sans); font-size: 15px !important; font-weight: 600 !important; letter-spacing: .02em; }
body .promotion_button:hover { background: var(--jp-red-d) !important; border-color: var(--jp-red-d) !important; }
body .promotionCHB:checked + .promotion_button { background: var(--jp-ink) !important; border-color: var(--jp-ink) !important; }
body .vkf-show { border-radius: var(--jp-r) !important; background: var(--jp-ink) !important; font-family: var(--jp-sans); font-size: 15px !important; letter-spacing: .02em; }
body .vkf-chip { border-radius: var(--jp-r) !important; border-color: var(--jp-line) !important; background: var(--jp-white) !important; color: var(--jp-ink) !important; }
body .vkf-chip:hover { background: var(--jp-ink) !important; border-color: var(--jp-ink) !important; color: #FFFFFF !important; }
body .vkf-n { background: var(--jp-ink) !important; }
body .vkf-clear { color: var(--jp-ink2) !important; }

/* ---------- v2.1: корекции след измерването на контраста по елементи ---------- */
/* лентата „Промоции“, когато е включена: иконата и бутонът са бели, текстът тъмен (беше червено върху червено) */
body .vk-promo-bar.is-on .vk-pb-ic, body .vk-promo-bar.is-on .vk-pb-btn { background: #FFFFFF !important; color: var(--jp-ink) !important; }
/* бутонът „Виж новина“ (бял текст върху светлосиньо, 2,4:1) – тъмен като останалите основни бутони */
body .btn_topnews { background: var(--jp-ink) !important; border-color: var(--jp-ink) !important; color: #FFFFFF !important; border-radius: var(--jp-r) !important; }
body .btn_topnews:hover { background: var(--jp-indigo-2) !important; color: #FFFFFF !important; }
/* наличност „Очаква се“ на продукта (#FF5555 върху хартия, 2,9:1) – акцентното червено, 6,0:1 */
body .available_F { color: var(--jp-red) !important; }

/* =====================================================================
   v2.2 (24.10.2026) – последна корекция на трите изгледа (само staging)
   ===================================================================== */

/* ---------- Начална, телефон: по-компактна горна част и по-бърз достъп до категориите ---------- */
@media (max-width: 767px) {
	/* слайдерът (с голямото повторено лого) не се показва на телефон; „Боядисване“ и „Лоялен клиент“ остават в менюто ☰ */
	body .container_back_slide { display: none !important; }
	body .content:has(> .page_content > .vkh) > .spacer30 { height: 10px !important; }
	/* ред: текстът на героя → категориите → снимката → предимствата → останалото.
	   Героят се „разтваря“ (display: contents), за да мине списъкът между текста и снимката; HTML-ът е същият. */
	body .vkh { display: flex; flex-direction: column; }
	body .vkh > * { order: 5; }
	body .vkh > .vkh-hero { display: contents !important; }
	body .vkh > .vkh-hero::before { content: none !important; }
	body .vkh > .vkh-hero > .vkh-hero-text { order: 1; padding: 16px 16px 16px 18px; background: var(--jp-white); border: 1px solid var(--jp-line); border-left: 3px solid var(--jp-red); border-radius: var(--jp-r); }
	body .vkh > .vkh-services { order: 2; margin-top: 18px !important; }
	body .vkh > .vkh-hero > .vkh-hero-media { order: 3; margin: 18px 0 0 !important; aspect-ratio: auto !important; }
	body .vkh > .vkh-facts { order: 4; }
	body .vkh p.vkh-kicker { font-size: 10.5px !important; letter-spacing: .06em !important; margin-bottom: 6px !important; }
	body .vkh #vkh-h1 { font-size: 24px !important; line-height: 1.2 !important; margin-bottom: 8px !important; }
	body .vkh .vkh-hero-text p { font-size: 14px !important; line-height: 1.5 !important; margin-bottom: 8px !important; }
	body .vkh .vkh-hero .vkh-cta { display: flex !important; flex-direction: row !important; gap: 8px; flex-wrap: nowrap; margin-top: 14px !important; }
	body .vkh .vkh-hero .vkh-cta .vkh-btn { flex: 1 1 0; min-width: 0; padding-left: 8px !important; padding-right: 8px !important; justify-content: center; white-space: nowrap; gap: 6px !important; }
	body .vkh .vkh-hero .vkh-cta .vkh-btn--tel { flex: 1.25 1 0; }
	@media (max-width: 380px) { body .vkh .vkh-hero .vkh-cta .vkh-btn { font-size: 15px !important; } }
	body .vkh .vkh-hero-media img { max-height: 170px; width: 100%; object-fit: cover; }
	/* категориите – плочки в 2 колони */
	body .vkh .vkh-services .vkh-head h2 { font-size: 20px !important; margin-bottom: 6px !important; }
	body .vkh .vkh-services .vkh-head p { font-size: 13.5px !important; line-height: 1.45 !important; margin-bottom: 10px !important; }
	body .vkh .vkh-cards { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; }
	body .vkh .vkh-card { min-height: 0 !important; padding: 12px 34px 12px 12px !important; gap: 8px !important; flex-direction: column !important; align-items: flex-start; justify-content: center; }
	body .vkh .vkh-card::before { width: 28px !important; height: 28px !important; font-size: 13px !important; flex: 0 0 28px; }
	body .vkh .vkh-card::after { right: 12px !important; bottom: auto !important; top: 50%; transform: translateY(-50%); font-size: 12px !important; }
	body .vkh .vkh-card h3 { font-size: 14px !important; line-height: 1.25 !important; margin: 0 !important; padding-right: 0 !important; }
}

/* ---------- Категория: по-кратко въведение (без премахване на съдържание) ---------- */
body .vkt section.vkr-hero { padding: 16px 20px !important; margin-bottom: 0 !important; gap: 16px !important; }
body .vkt .vkt-kicker { font-size: 11px !important; margin-bottom: 4px !important; }
body .vkt h1.vkr-h1 { margin-bottom: 6px !important; }
body .vkt p.vkr-sub { font-size: 14.5px !important; line-height: 1.45 !important; margin-bottom: 10px !important; }
body .vkt ul.vkr-facts { margin-bottom: 10px !important; gap: 6px !important; }
body .vkt ul.vkr-facts li { padding: 3px 10px 3px 5px !important; font-size: 12.5px !important; }
body .vkt section.vkr-hero .vkt-cta { display: flex !important; gap: 8px !important; flex-wrap: wrap; margin: 0 !important; }
body .vkt section.vkr-hero .vkt-btn { padding: 9px 16px !important; font-size: 14px !important; line-height: 1.2 !important; margin: 0 !important; }
body .vkt .vkr-trust img { height: 96px !important; }
body .vkt .vkr-trust div { padding: 7px 10px !important; }
@media (max-width: 767px) {
	body .vkt section.vkr-hero { padding: 12px 14px !important; }
	body .vkt h1.vkr-h1 { font-size: 22px !important; }
	body .vkt p.vkr-sub { font-size: 13.5px !important; }
	body .vkt section.vkr-hero .vkt-cta { flex-wrap: nowrap; }
	body .vkt ul.vkr-facts { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; gap: 4px !important; }
	body .vkt ul.vkr-facts li { font-size: 11.5px !important; padding: 2px 8px 2px 3px !important; gap: 5px !important; }
	body .vkt ul.vkr-facts li span { width: 16px !important; height: 16px !important; font-size: 8.5px !important; }
	body .vkt section.vkr-hero .vkt-btn { flex: 1 1 0; min-width: 0; text-align: center; padding: 9px 6px !important; font-size: 13px !important; letter-spacing: 0 !important; line-height: 1.25 !important; }
}

/* ---------- Продукт ---------- */
/* моделът се вижда веднъж: на телефон – над снимката, на компютър – до цената (истинското H1 не е пипано) */
@media (max-width: 767px) { body .product_info .product_title_view { display: none !important; } }
@media (min-width: 768px) { body .product_title_view_mob { display: none !important; } }
/* на компютър видимото заглавие е истинското H1 (над снимката) – повторението до цената се скрива */
@media (min-width: 768px) {
	body:has(.product_info) .breadcrumbs_title h1 { font-family: var(--jp-sans) !important; font-weight: 700 !important; font-size: 26px !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--jp-ink) !important; margin: 0 0 4px !important; }
	body .product_info .product_title_view { display: none !important; }
}
body .product_title_view_mob { font-family: var(--jp-sans) !important; font-weight: 700 !important; font-size: 22px !important; color: var(--jp-ink) !important; line-height: 1.25 !important; }
/* цените – етикетите с еднаква височина, сумите на една линия */
@media (max-width: 991px) {
	body .product_price_label, body .montaj_label { min-height: 2.7em; display: flex !important; align-items: flex-end; }
}
/* надпис „Количество“ */
body .product_quantity .lang_quantity { display: block !important; margin: 0 0 6px !important; font-size: 13px !important; letter-spacing: .06em; text-transform: uppercase; color: var(--jp-ink2) !important; }
/* покупката преди списъка с допълнения: в staging шаблонът включва допълненията след бутоните (редът с Tab = видимия ред) */
body .product_info .product_buttons::after { content: ""; display: table; clear: both; }
body .product_info #vkOpcii { clear: both; margin-top: 14px !important; }

/* ---------- Контраст: деветте елемента на „Контакти“ и „Вход“, засегнати от общия фон ---------- */
body .form_label { color: var(--jp-ink2) !important; }                                   /* #68799A → #46423C, 9,4:1 */
body .col_cont_box .thininf, body .thininf a { color: var(--jp-mute) !important; }        /* #888888 → #6A645A, 5,4:1 */
body .content_container span[style*="color:#FF0000"] { color: var(--jp-red) !important; } /* ярко червено от CMS → #B3261E, 6,0:1 */

/* =====================================================================
   v2.3 (24.10.2026) – информационни страници в същия стил (само визуално; съдържание и адреси – същите).
   Страниците с форми (Контакти, Заявка, Вход) не се пипат – остават за ръчна проверка.
   ===================================================================== */
/* заглавието на страницата (H1 в пътечката или над статията) */
body:has(.content > .page_content):not(:has(.product_info)):not(:has(.vkh)) .breadcrumbs_title h1,
body .content > h1.page_title {
	font-family: var(--jp-serif) !important; font-weight: 500 !important; font-size: 30px !important; line-height: 1.25 !important;
	letter-spacing: .01em !important; color: var(--jp-ink) !important; margin: 8px 0 6px !important;
}
body .content > h1.page_title { text-align: left !important; max-width: 820px; }
@media (max-width: 767px) {
	body:has(.content > .page_content):not(:has(.product_info)):not(:has(.vkh)) .breadcrumbs_title h1, body .content > h1.page_title { font-size: 24px !important; }
}

/* блоковете на информационните страници (за нас, ценоразпис, лоялен клиент, боядисване, условия за монтаж, гаранция):
   собствените им променливи → палитрата на слоя */
body .content > .page_content > .vkt {
	--vt-r: #B3261E; --vt-rd: #8E1D17; --vt-g: #1C1B19; --vt-ink: #46423C; --vt-mut: #6A645A; --vt-ln: #E3DED4; --vt-soft: #FBFAF7;
	font-family: var(--jp-sans) !important;
}
body .content > .page_content > .vkt h2 { font-family: var(--jp-serif) !important; font-weight: 500 !important; letter-spacing: 0 !important; }
body .content > .page_content > .vkt h3 { font-family: var(--jp-sans) !important; font-weight: 600 !important; letter-spacing: 0 !important; }
body .content > .page_content > .vkt * { box-shadow: none !important; }
body .content > .page_content > .vkt :is([class*="-hero"], [class*="-card"], [class*="-box"], [class*="-tab"], [class*="-chip"], table, .vkt-hero-img, .vkt-hero-img img) {
	border-radius: var(--jp-r) !important;
}
body .content > .page_content > .vkt [class*="-hero"]:not([class*="-hero-"]) { background: var(--jp-white) !important; background-image: none !important; border: 1px solid var(--jp-line) !important; }

/* текстовите страници от CMS (общи условия, обслужване, обща информация, как да пазарувате, политика) – колона за четене */
body .content > .page_content:not(:has(> .vkt, > .vkh, form)) {
	max-width: 820px; font-size: 16px; line-height: 1.7; color: var(--jp-ink2);
}
body .content > .page_content:not(:has(> .vkt, > .vkh, form)) strong { color: var(--jp-ink); }

/* статиите (новини) – същата колона */
body .content > .for_cloning .tarea { max-width: 820px; font-size: 16px; line-height: 1.7; color: var(--jp-ink2); }
body .content > .for_cloning .tarea strong { color: var(--jp-ink); }
@media (max-width: 767px) {
	body .content > .page_content:not(:has(> .vkt, > .vkh, form)), body .content > .for_cloning .tarea { font-size: 15.5px; }
	/* двустранното подравняване от CMS прави дупки между думите на тесен екран */
	body .content > .for_cloning .text-justify, body .content > .for_cloning .tarea, body .content > .for_cloning .tarea p { text-align: left !important; }
}

/* ---------- STAGING 24.10.2026: „Направи запитване за цена“ (временно правило: климатик от ERP с цена под 300 €) ---------- */
body .vk-zap-box { margin: 6px 0 4px; padding: 14px 16px; background: var(--jp-white); border: 1px solid var(--jp-line); border-left: 3px solid var(--jp-red); border-radius: var(--jp-r); }
body .vk-zap-box .vk-zap-btn { display: inline-block; background: var(--jp-ink) !important; color: #FFFFFF !important; border: 1px solid var(--jp-ink) !important; border-radius: var(--jp-r) !important; padding: 11px 18px !important; font-weight: 600; font-size: 15px; box-shadow: none !important; }
body .vk-zap-box .vk-zap-btn:hover { background: var(--jp-red) !important; border-color: var(--jp-red) !important; }
body .vk-zap-box .vk-zap-note { margin-top: 8px; font-size: 13px; color: var(--jp-mute); }
body a.vk-zap { display: inline-block; font-weight: 600; font-size: 14px; line-height: 1.3; color: var(--jp-ink) !important; text-decoration: underline; text-underline-offset: 3px; }
body a.vk-zap:hover, body a.vk-zap:focus { color: var(--jp-red) !important; }
body #priceBox.vk-zap-box { display: block !important; float: none !important; clear: both; width: auto !important; min-height: 0 !important; padding: 14px 16px !important; margin: 10px 0 6px !important; }
body .vk-zap-box .vk-zap-btn { float: none !important; position: static !important; margin: 0 !important; }
body .vk-zap-box .vk-zap-note { display: block !important; float: none !important; }

/* =====================================================================
   v2.4 (25.10.2026) – категориите Термопомпи, Фотоволтаици, Въздушни завеси; количка, Контакти, Заявка, Вход.
   Само визуално: съдържание, адреси, H1/title/canonical/schema и поведение – същите.
   ===================================================================== */
:root { --jp-field: #857F75; } /* рамка на полета: 3,9:1 на бяло (нетекстов контраст ≥ 3:1) */

/* ---------- Трите категории: описанията им (.vkt) – собствените променливи към палитрата на слоя ----------
   Разпознават се по собствените им блокове (термопомпи – section.vkt-hero, подкатегорията „Нови“ – .vkt-sub, фотоволтаици – #vkp,
   въздушни завеси – #vkzv) и само в колоната на категорията, за да не се пипат другите категории и информационните страници. */
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt {
	--vt-r: #B3261E; --vt-rd: #8E1D17; --vt-g: #1C1B19; --vt-ink: #46423C; --vt-mut: #6A645A; --vt-ln: #E3DED4; --vt-soft: #FBFAF7; --vt-ok: #2F6B4F;
	font-family: var(--jp-sans) !important;
}
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt :is(h1.vkp-h1, h2) { font-family: var(--jp-serif) !important; font-weight: 500 !important; letter-spacing: 0 !important; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt h3 { font-family: var(--jp-sans) !important; font-weight: 600 !important; letter-spacing: 0 !important; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt *, body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .vkt-sub, body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .vkt-sub * { box-shadow: none !important; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt *:not(input), body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .vkt-sub, body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .vkt-sub *:not(input) { border-radius: var(--jp-r) !important; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt :is(p.vkt-lead, p.vkp-meta, p.vkc-meta) { color: var(--jp-mute) !important; }

/* горните блокове – бяла хартия с тънка линия (като въведението на рециклираните) */
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt :is(section.vkt-hero, section.vkp-hero, section.vkc-hero, .vkc-hero),
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .vkt-sub { background: var(--jp-white) !important; background-image: none !important; border: 1px solid var(--jp-line) !important; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt section.vkt-hero { padding: 24px 26px !important; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .vkt-sub { font-family: var(--jp-sans) !important; color: var(--jp-ink2) !important; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .vkt-sub p { color: var(--jp-ink2) !important; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .vkt-sub strong, body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .vkt-sub a { color: var(--jp-ink) !important; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .vkt-sub .vkt-sub-img { background: var(--jp-sand) !important; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .vkt-sub .vkt-sub-links a { border: 1px solid var(--jp-ink) !important; background: var(--jp-white) !important; color: var(--jp-ink) !important; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .vkt-sub .vkt-sub-links a.vkt-sub-p { background: var(--jp-ink) !important; color: #FFFFFF !important; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .vkt-sub .vkt-sub-links a:hover { background: var(--jp-red) !important; border-color: var(--jp-red) !important; color: #FFFFFF !important; }

/* етикети, бързи връзки, факти – правоъгълни, тънка линия */
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt :is(ul.vkt-facts li, ul.vkp-chips li) { background: var(--jp-white) !important; border: 1px solid var(--jp-line) !important; color: var(--jp-ink) !important; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt div.vkt-jump a { background: var(--jp-white) !important; border: 1px solid var(--jp-line) !important; color: var(--jp-ink) !important; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt div.vkt-jump a:hover { border-color: var(--jp-ink) !important; color: var(--jp-red) !important; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt .vkt-intro { background: var(--jp-white) !important; border: 1px solid var(--jp-line); border-left: 3px solid var(--jp-red); }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt ul.vkc-facts li { border-color: var(--jp-line) !important; }

/* карти и кутии: бели, тънка линия; акцентът – тънка червена линия отгоре */
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt :is(.vkt-box, .vkc-box, ol.vkt-design li, ol.vkt-steps li, ol.vkp-steps li, details) { background: var(--jp-white) !important; border-color: var(--jp-line) !important; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt .vkt-card { border-color: var(--jp-line) !important; border-top: 2px solid var(--jp-red) !important; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt .vkc-box.vkc-out { border-top: 2px solid var(--jp-red) !important; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt .vkc-box.vkc-in { border-top: 2px solid var(--vt-ok) !important; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt :is(.vkp-hp, figure.vkt-shema) { background: var(--jp-white) !important; border: 1px solid var(--jp-line) !important; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt ol.vkt-design li::before { background: var(--jp-ink) !important; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt ol.vkp-steps li::before { background: var(--jp-ink) !important; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt p.vkt-statement { font-family: var(--jp-serif) !important; font-weight: 500 !important; border-left-width: 3px !important; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt :is(p.vku-fine, p.vkp-note) { background: var(--jp-white) !important; border-left: 3px solid var(--jp-ink) !important; }

/* таблици: шапка в тон хартия вместо тъмна лента */
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt :is(.vkt-table-wrap, .vkc-tw) { border-color: var(--jp-line) !important; background: var(--jp-white) !important; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt table.vkt-table thead th { background: var(--jp-sand) !important; color: var(--jp-ink) !important; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt table.vkt-table tbody th { background: var(--jp-paper) !important; color: var(--jp-ink) !important; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt table.vkc-t thead th { background: var(--jp-paper) !important; color: var(--jp-mute) !important; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt table.vkc-t tbody tr:hover :is(th, td) { background: var(--jp-paper) !important; }

/* въпросите (разгъващи се) */
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt details summary { color: var(--jp-ink) !important; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt details summary::after { color: var(--jp-red) !important; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt details summary:focus-visible { outline: 2px solid var(--jp-red); outline-offset: 2px; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt details[open] { border-color: var(--jp-mute) !important; }

/* снимки */
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt :is(figure.vkt-hero-img, .vkp-hero figure, .vkp-gal figure) { background: var(--jp-sand) !important; border: 1px solid var(--jp-line) !important; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt .vkp-gal figcaption { background: var(--jp-white) !important; color: var(--jp-mute) !important; }

/* последният блок: индиго (като долната част на сайта) вместо плътно червено; червена линия отгоре */
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt section.vkt-final { background: var(--jp-indigo) !important; border-top: 3px solid var(--jp-red) !important; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt section.vkt-final :is(h2, p, strong, li) { color: #FFFFFF !important; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt section.vkt-final a:not(.vkt-btn) { color: #FFFFFF !important; text-decoration: underline; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt section.vkt-final a.vkt-btn--p { background: #FFFFFF !important; border-color: #FFFFFF !important; color: var(--jp-ink) !important; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt section.vkt-final a.vkt-btn--s { background: transparent !important; border: 1px solid #FFFFFF !important; color: #FFFFFF !important; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt section.vkt-final a.vkt-btn:hover { background: var(--jp-red) !important; border-color: var(--jp-red) !important; color: #FFFFFF !important; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt section.vkt-final a:focus-visible { outline: 2px solid #FFFFFF !important; outline-offset: 3px; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt a.vkt-btn:hover { background: var(--jp-red) !important; border-color: var(--jp-red) !important; color: #FFFFFF !important; }

/* формата на фотоволтаиците (в описанието) – полетата като в останалите форми */
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt form.vkp-form { border-color: var(--jp-line) !important; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt fieldset { background: transparent !important; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt .vkp-f :is(input[type=text], input[type=email], input[type=tel], select, textarea),
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt .vkp-opts label { border: 1px solid var(--jp-field) !important; border-radius: var(--jp-r) !important; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt .vkp-f :is(input, select, textarea):focus { outline: 2px solid var(--jp-ink) !important; outline-offset: 1px; border-color: var(--jp-ink) !important; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt .vkp-f input[aria-invalid=true] { border-color: var(--jp-red) !important; outline-color: var(--jp-red) !important; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt .vkp-opts label:has(input:checked) { border-color: var(--jp-ink) !important; background: var(--jp-paper) !important; box-shadow: inset 0 0 0 1px var(--jp-ink) !important; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt :is(.vkp-opts input, .vkp-agree input) { accent-color: var(--jp-ink); }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt button.vkp-submit { background: var(--jp-ink) !important; border: 1px solid var(--jp-ink) !important; color: #FFFFFF !important; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt button.vkp-submit:hover { background: var(--jp-red) !important; border-color: var(--jp-red) !important; }
body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt :is(.vkp-err, p.vkp-hint.vkp-bad) { color: var(--jp-red) !important; }

@media (max-width: 767px) {
	body:is(:has(section.vkt-hero), :has(.vkt-sub), :has(#vkp), :has(#vkzv)) .col-md-9 .page_content > .vkt section.vkt-hero { padding: 16px !important; }
}

/* ---------- Формите: Контакти, Заявка, Вход и поръчката (данни на клиента) ---------- */
body :is(form#frmContact, form#frmAsk, form#frmUserLogin, form#frmCheckout) fieldset {
	background: var(--jp-white) !important; border: 1px solid var(--jp-line) !important; box-shadow: none !important; border-radius: var(--jp-r) !important;
}
body form#frmCheckout fieldset + fieldset { margin-top: 16px; }
body :is(form#frmContact, form#frmAsk, form#frmCheckout) .form_legend { font-family: var(--jp-serif) !important; font-weight: 500 !important; font-size: 18px !important; letter-spacing: .06em !important; color: var(--jp-ink) !important; padding-left: 14px !important; }
body :is(form#frmContact, form#frmAsk, form#frmCheckout) .form_legend::before { background: var(--jp-red) !important; width: 2px !important; }
body :is(form#frmContact, form#frmAsk, form#frmUserLogin, form#frmCheckout) fieldset .form_label { font-size: 14.5px !important; font-weight: 500 !important; color: var(--jp-ink2) !important; margin-bottom: 6px !important; }
body :is(form#frmContact, form#frmAsk, form#frmUserLogin, form#frmCheckout) fieldset :is(input.form-control, select.form-control, textarea.form-control) {
	min-height: 46px; padding: 10px 12px !important; font-size: 16px !important; color: var(--jp-ink) !important;
	background: var(--jp-white) !important; border: 1px solid var(--jp-field) !important; border-radius: var(--jp-r) !important; box-shadow: none !important;
}
body :is(form#frmContact, form#frmAsk, form#frmUserLogin, form#frmCheckout) fieldset textarea.form-control { min-height: 120px; }
body :is(form#frmContact, form#frmAsk, form#frmUserLogin, form#frmCheckout) fieldset :is(input, select, textarea).form-control:focus { border-color: var(--jp-ink) !important; outline: 2px solid var(--jp-ink) !important; outline-offset: 1px; }
body :is(form#frmContact, form#frmAsk, form#frmUserLogin, form#frmCheckout) fieldset .form-control::placeholder { color: var(--jp-mute); opacity: 1; }
/* етикетите вече са <label for> (staging 25.10.2026) – като досегашните блокови надписи, не inline-block/удебелени от Bootstrap */
body :is(form#frmContact, form#frmAsk, form#frmUserLogin, form#frmCheckout) label.form_label { display: block; max-width: 100%; }
/* Вход: H1 „Вход“ в лентата със заглавието – като на Заявка и Контакти */
body:has(form#frmUserLogin) .breadcrumbs_title h1 { font-family: var(--jp-serif) !important; font-weight: 500 !important; font-size: 30px !important; line-height: 1.25 !important; letter-spacing: .01em !important; color: var(--jp-ink) !important; margin: 8px 0 6px !important; text-transform: none !important; }
@media (max-width: 767px) { body:has(form#frmUserLogin) .breadcrumbs_title h1 { font-size: 24px !important; } }
/* Вход на телефон: темата скрива лентата със заглавието при ≤ 480 px на всички страници – тук я показваме, за да се вижда H1 „Вход“ (само тази страница; пътечката остава скрита) */
@media screen and (max-width: 480px) { body:has(form#frmUserLogin) .breadcrumbs_title { display: flex !important; } }
/* отметки и избор */
body :is(form#frmContact, form#frmAsk, form#frmCheckout) fieldset :is(input[type=checkbox], input[type=radio]) { accent-color: var(--jp-ink); width: 18px; height: 18px; margin: 0 8px 0 0; vertical-align: -3px; }
body :is(form#frmContact, form#frmAsk) fieldset label.nobold { display: block; font-size: 14.5px; line-height: 1.55; color: var(--jp-ink2) !important; margin: 0 0 10px; padding-left: 26px; text-indent: -26px; }
body :is(form#frmContact, form#frmAsk) fieldset label.nobold a { color: var(--jp-ink) !important; text-decoration: underline; text-underline-offset: 2px; }
body form#frmCheckout label.label_check_form { font-weight: 500 !important; color: var(--jp-ink) !important; margin-right: 6px; }
body form#frmCheckout .payment_notice { font-size: 14px; color: var(--jp-ink2); }
/* съобщенията за грешка (jquery.validate) */
body :is(form#frmContact, form#frmAsk, form#frmUserLogin, form#frmCheckout) fieldset label.error {
	display: block !important; color: var(--jp-red) !important; font-size: 13.5px !important; font-weight: 600 !important; font-style: normal !important;
	margin: 6px 0 0 !important; padding: 0 !important; text-indent: 0 !important; background: none !important; border: 0 !important;
}
/* грешката при отметката „Съгласен съм“ се вмъква вътре в надписа: под него, без да мести отметката (темата я прави float: left; width: 100%) */
body :is(form#frmContact, form#frmAsk) fieldset label.nobold { position: relative; }
body :is(form#frmContact, form#frmAsk) fieldset label.nobold > label.error { position: absolute !important; left: 26px; top: 100%; float: none !important; width: auto !important; margin: 0 !important; }
body :is(form#frmContact, form#frmAsk) fieldset label.nobold:has(> label.error:not([style*="none"])) { margin-bottom: 30px; }
/* съобщението, когато reCAPTCHA не е потвърдена (вместо alert) – до самата reCAPTCHA */
body :is(form#frmContact, form#frmAsk) .vk-cap-err:not([hidden]) { display: block; color: var(--jp-red); font-size: 13.5px; font-weight: 600; margin: 6px 0 4px; }
/* съобщенията на сървъра във Вход (напр. грешна парола) */
body form#frmUserLogin .alert { background: var(--jp-white) !important; border: 1px solid var(--jp-line) !important; border-left: 3px solid var(--jp-ink) !important; border-radius: var(--jp-r) !important; color: var(--jp-ink) !important; }
body form#frmUserLogin .alert-danger { border-left-color: var(--jp-red) !important; color: var(--jp-red) !important; }
body :is(form#frmContact, form#frmAsk, form#frmUserLogin, form#frmCheckout) fieldset .form-control.error { border-color: var(--jp-red) !important; }
body :is(form#frmContact, form#frmAsk, form#frmUserLogin, form#frmCheckout) fieldset .form-control.error:focus { outline-color: var(--jp-red) !important; }
/* бутоните за изпращане */
body :is(form#frmContact, form#frmAsk) fieldset .cvetizprati, body form#frmUserLogin #btnSubmit, body form#frmCheckout .btn_checkout {
	background: var(--jp-ink) !important; border: 1px solid var(--jp-ink) !important; color: #FFFFFF !important; border-radius: var(--jp-r) !important;
	min-height: 46px; padding: 12px 30px !important; font-size: 15.5px !important; font-weight: 600 !important; letter-spacing: .02em; box-shadow: none !important;
}
body :is(form#frmContact, form#frmAsk) fieldset .cvetizprati:hover, body form#frmUserLogin #btnSubmit:hover, body form#frmCheckout .btn_checkout:hover { background: var(--jp-red) !important; border-color: var(--jp-red) !important; }
/* Вход: връзките под бутона – подчертани, за да личат като връзки */
body form#frmUserLogin a.create { color: var(--jp-ink) !important; text-decoration: underline; text-underline-offset: 3px; font-size: 15px; }
body form#frmUserLogin a.create:hover { color: var(--jp-red) !important; }
/* Контакти: лявата колона – текстът в цвета на слоя (размерите и подредбата от CMS остават) */
body .content:has(#contact_form_fieldset) .page_subtitle { font-family: var(--jp-serif) !important; font-weight: 500 !important; color: var(--jp-ink) !important; }

/* ---------- Количката (и таблицата в „Преглед на поръчка“) ---------- */
body :is(#cart_page_content, form#frmPreview) table.tblCart, body :is(#cart_page_content, form#frmPreview) table.table-total { background: var(--jp-white); border: 1px solid var(--jp-line) !important; }
body :is(#cart_page_content, form#frmPreview) table :is(td, th) { border-color: var(--jp-line) !important; vertical-align: middle !important; }
body :is(#cart_page_content, form#frmPreview) table.tblCart thead td { background: var(--jp-paper) !important; color: var(--jp-mute) !important; font-size: 12.5px !important; font-weight: 600 !important; letter-spacing: .08em; }
body :is(#cart_page_content, form#frmPreview) table.tblCart tbody a { color: var(--jp-ink) !important; }
body :is(#cart_page_content, form#frmPreview) table.tblCart tbody a:hover { color: var(--jp-red) !important; }
body :is(#cart_page_content, form#frmPreview) .img-thumbnail { border: 1px solid var(--jp-line) !important; border-radius: var(--jp-r) !important; padding: 2px; }
body :is(#cart_page_content, form#frmPreview) .price { color: var(--jp-ink) !important; }
body :is(#cart_page_content, form#frmPreview) #totalBox { font-family: var(--jp-serif); font-size: 20px; font-weight: 600; }
/* количество: бутоните − / + */
body :is(#cart_page_content, form#frmPreview) .bootstrap-touchspin .btn {
	background: var(--jp-white) !important; border: 1px solid var(--jp-field) !important; color: var(--jp-ink) !important;
	border-radius: var(--jp-r) !important; box-shadow: none !important; min-width: 40px; min-height: 40px; font-size: 18px !important; font-weight: 600;
}
body :is(#cart_page_content, form#frmPreview) .bootstrap-touchspin .btn:hover { background: var(--jp-ink) !important; color: #FFFFFF !important; border-color: var(--jp-ink) !important; }
body :is(#cart_page_content, form#frmPreview) .bootstrap-touchspin input.form-control { border: 1px solid var(--jp-field) !important; color: var(--jp-ink) !important; font-size: 16px !important; min-height: 40px; }
/* изтриване на ред */
body :is(#cart_page_content, form#frmPreview) .btn.delete { background: var(--jp-white) !important; border: 1px solid var(--jp-field) !important; color: var(--jp-red) !important; border-radius: var(--jp-r) !important; box-shadow: none !important; min-width: 40px; min-height: 40px; }
body :is(#cart_page_content, form#frmPreview) .btn.delete:hover { background: var(--jp-red) !important; border-color: var(--jp-red) !important; color: #FFFFFF !important; }
/* „Изпразни“ – вторичен (с червена рамка), „Поръчай“ – основен */
body :is(#cart_page_content, form#frmPreview) .buttons #btnEmpty { background: var(--jp-white) !important; border: 1px solid var(--jp-red) !important; color: var(--jp-red) !important; border-radius: var(--jp-r) !important; padding: 10px 18px !important; font-size: 14.5px !important; box-shadow: none !important; }
body :is(#cart_page_content, form#frmPreview) .buttons #btnEmpty:hover { background: var(--jp-red) !important; color: #FFFFFF !important; }
body :is(#cart_page_content, form#frmPreview) .buttons .btn-success { background: var(--jp-ink) !important; border: 1px solid var(--jp-ink) !important; color: #FFFFFF !important; border-radius: var(--jp-r) !important; padding: 12px 34px !important; font-size: 16px !important; font-weight: 600 !important; box-shadow: none !important; }
body :is(#cart_page_content, form#frmPreview) .buttons .btn-success:hover { background: var(--jp-red) !important; border-color: var(--jp-red) !important; }
/* празна количка и съобщенията от количката */
body #cart_page_content .alert { background: var(--jp-white) !important; border: 1px solid var(--jp-line) !important; border-left: 3px solid var(--jp-red) !important; border-radius: var(--jp-r) !important; color: var(--jp-ink) !important; }

/* ---------- Преглед на поръчката ---------- */
body form#frmPreview .preview_conts { background: var(--jp-white) !important; border: 1px solid var(--jp-line) !important; border-radius: var(--jp-r) !important; box-shadow: none !important; }
body form#frmPreview .btn_change_box { font-family: var(--jp-serif); font-weight: 500; color: var(--jp-ink) !important; border-color: var(--jp-line) !important; }
body form#frmPreview .btn_change_info { color: var(--jp-ink2); }
body form#frmPreview a.btn_change_prev { background: var(--jp-white) !important; color: var(--jp-ink) !important; border: 1px solid var(--jp-ink) !important; border-radius: var(--jp-r) !important; padding: 4px 12px !important; font-size: 13.5px !important; text-decoration: none !important; }
body form#frmPreview a.btn_change_prev:hover { background: var(--jp-ink) !important; color: #FFFFFF !important; }
body form#frmPreview label.nobold { font-size: 14.5px; line-height: 1.55; color: var(--jp-ink2) !important; position: relative; }
body form#frmPreview label.nobold a { color: var(--jp-ink) !important; text-decoration: underline; text-underline-offset: 2px; }
body form#frmPreview label.nobold input[type=checkbox] { accent-color: var(--jp-ink); width: 18px; height: 18px; margin: 0 8px 0 0; vertical-align: -3px; }
body form#frmPreview label.nobold > label.error { position: absolute !important; left: 26px; top: 100%; float: none !important; width: auto !important; margin: 0 !important; color: var(--jp-red) !important; font-size: 13.5px !important; font-weight: 600 !important; }
body form#frmPreview label.nobold:has(> label.error:not([style*="none"])) { margin-bottom: 30px; }
body form#frmPreview .buttons .btn-danger { background: var(--jp-white) !important; border: 1px solid var(--jp-ink) !important; color: var(--jp-ink) !important; border-radius: var(--jp-r) !important; padding: 10px 18px !important; font-size: 14.5px !important; box-shadow: none !important; }
body form#frmPreview .buttons .btn-danger:hover { background: var(--jp-ink) !important; color: #FFFFFF !important; }

/* ---------- Телефон: количката като карта (без превъртане встрани), полетата във формите с въздух ---------- */
@media (max-width: 767px) {
	body :is(#cart_page_content, form#frmPreview) .table-responsive { overflow: visible !important; border: 0 !important; margin-bottom: 0; }
	body :is(#cart_page_content, form#frmPreview) table.tblCart { border: 0 !important; background: transparent; }
	body :is(#cart_page_content, form#frmPreview) table.tblCart thead { display: none; }
	body :is(#cart_page_content, form#frmPreview) table.tblCart, body :is(#cart_page_content, form#frmPreview) table.tblCart tbody { display: block; width: 100%; }
	body :is(#cart_page_content, form#frmPreview) table.tblCart tbody tr {
		display: grid; grid-template-columns: 84px minmax(0, 1fr); gap: 4px 14px; align-items: center;
		background: var(--jp-white); border: 1px solid var(--jp-line); border-radius: var(--jp-r); padding: 12px; margin: 0 0 10px;
	}
	body :is(#cart_page_content, form#frmPreview) table.tblCart tbody td { display: block; border: 0 !important; padding: 0 !important; width: auto !important; text-align: left !important; }
	body :is(#cart_page_content, form#frmPreview) table.tblCart tbody td:nth-child(1) { grid-row: 1 / span 2; }
	body :is(#cart_page_content, form#frmPreview) table.tblCart tbody td:nth-child(1) img { width: 84px; height: auto; }
	body :is(#cart_page_content, form#frmPreview) table.tblCart tbody td:nth-child(2), body :is(#cart_page_content, form#frmPreview) table.tblCart tbody td:nth-child(2) a { font-size: 15px; line-height: 1.4; white-space: normal !important; overflow-wrap: anywhere; overflow: visible !important; text-overflow: clip !important; }
	body :is(#cart_page_content, form#frmPreview) table.tblCart tbody td:nth-child(3) .quantityflex { display: flex; align-items: center; gap: 10px; flex-wrap: nowrap; }
	body :is(#cart_page_content, form#frmPreview) table.tblCart tbody td:nth-child(3) .bootstrap-touchspin { display: flex !important; width: auto !important; flex: 0 0 auto; }
	body :is(#cart_page_content, form#frmPreview) table.tblCart tbody td:nth-child(3) .bootstrap-touchspin input.form-control { width: 52px !important; text-align: center; }
	body :is(#cart_page_content, form#frmPreview) table.tblCart tbody td:nth-child(3) .bootstrap-touchspin .input-group-btn { width: auto !important; }
	body :is(#cart_page_content, form#frmPreview) table.tblCart tbody td:nth-child(4), body :is(#cart_page_content, form#frmPreview) table.tblCart tbody td:nth-child(5) { grid-column: 1 / -1; display: flex; justify-content: space-between; padding-top: 6px !important; border-top: 1px solid var(--jp-line) !important; font-size: 14.5px; }
	body :is(#cart_page_content, form#frmPreview) table.tblCart tbody td:nth-child(4)::before { content: "Цена"; color: var(--jp-mute); }
	body :is(#cart_page_content, form#frmPreview) table.tblCart tbody td:nth-child(5)::before { content: "Сума"; color: var(--jp-mute); }
	body :is(#cart_page_content, form#frmPreview) table.tblCart tbody td:nth-child(5) .price { font-weight: 700; }
	body :is(#cart_page_content, form#frmPreview) table.table-total { display: table !important; width: 100% !important; }
	body :is(#cart_page_content, form#frmPreview) table.table-total tbody { display: table-row-group !important; width: auto !important; }
	body :is(#cart_page_content, form#frmPreview) table.table-total tr { display: table-row !important; }
	body :is(#cart_page_content, form#frmPreview) table.table-total td { display: table-cell !important; width: 50% !important; }
	body :is(#cart_page_content, form#frmPreview) .buttons { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
	body :is(#cart_page_content, form#frmPreview) .buttons > div { float: none !important; }
	body :is(form#frmContact, form#frmAsk) fieldset .col-sm-6 + .col-sm-6 { margin-top: 14px; }
	body form#frmPreview table.tblCart tbody td:nth-child(3)::before { content: "Количество: "; color: var(--jp-mute); }
}