/* =========================================================
   БЕЛОТЕКС-95 · фирмен слой
   ---------------------------------------------------------
   Този файл носи знаците от брандбука: Cormorant Garamond за
   едрите заглавия, златните ромбове и косъм-линии, знакът ✦
   при надредните надписи, стрелките в бутоните и логото.

   Зарежда се СЛЕД shop.css/checkout.css (за да ги надгражда) и
   ПРЕДИ senior.css (за да не разваля едрите цели за докосване).
   ========================================================= */

/* ---------------------------------------------------------
   1. Типография — Cormorant Garamond за едър кегел
   ---------------------------------------------------------
   Cormorant е с ниска x-височина и тънък щрих: при същите
   пиксели изглежда с ~15% по-дребен от Playfair, който беше
   тук преди. Затова всяко заглавие, което минава на него,
   получава и по-едър кегел.
   --------------------------------------------------------- */

.bx-hero__title,
.bx-section-head h2,
.bx-story__text h2,
.bx-cta h2,
.bx-b2b h2,
.bx-callout h2,
.product_title,
.bx-page-hero h1,
.woocommerce-products-header__title,
.bx-manifest__lines {
	font-family: var(--bx-display);
	font-weight: 600;
	letter-spacing: 0.004em;
	line-height: 1.12;
}

/* Cormorant Garamond по подразбиране реже СТАРИННИ цифри — 9 и 5 падат
   под основната линия. В „БЕЛОТЕКС-95“ това изглежда като изместен текст,
   а в цените — като печатна грешка. Навсякъде, където има числа, минаваме
   на редови (lining) цифри. */
.bx-logo__name,
.bx-showcase__tag b,
.bx-hero__title,
.bx-section-head h2,
.bx-story__text h2,
.bx-cta h2,
.bx-b2b h2,
.bx-callout h2,
.product_title,
.bx-page-hero h1,
ul.products li.product .price,
.woocommerce-Price-amount,
.bx-price,
.bx-manifest__lines {
	font-variant-numeric: lining-nums proportional-nums;
	font-feature-settings: "lnum" 1, "onum" 0;
}

.bx-hero__title { font-size: clamp(38px, 6.9vw, 69px); }
.bx-section-head h2 { font-size: clamp(32px, 4.6vw, 48px); line-height: 1.14; }
.bx-story__text h2 { font-size: clamp(30px, 4.1vw, 44px); }
.bx-cta h2 { font-size: clamp(31px, 4.6vw, 46px); }
.bx-b2b h2 { font-size: clamp(26px, 3.4vw, 37px); }
.bx-callout h2 { font-size: clamp(24px, 3vw, 31px); }
.product_title { font-size: clamp(31px, 4.1vw, 46px); }

/* Числата на скалата и фактите остават на Lora — там се иска
   плътност, не изящество. */
.bx-gsm__num,
.bx-story__facts dt { font-family: var(--bx-serif); font-weight: 600; }

/* ---------------------------------------------------------
   2. Надредни надписи (eyebrow) — ✦ НАДПИС ✦
   --------------------------------------------------------- */

.bx-eyebrow {
	display: inline-flex; align-items: center; gap: 0.85em;
	font-family: var(--bx-sans);
	font-size: 11px; font-weight: 700;
	letter-spacing: 0.24em; text-transform: uppercase;
	color: var(--bx-gold-deep);
	margin: 0 0 16px;
}
.bx-eyebrow::before,
.bx-eyebrow::after {
	content: "✦";
	font-size: 9px; line-height: 1; letter-spacing: 0;
	color: var(--bx-gold); opacity: 0.85;
}
.bx-section-head { position: relative; }
.bx-section-head--left .bx-eyebrow { justify-content: flex-start; }

/* Златна косъм-линия под заглавието на секция */
.bx-section-head h2::after {
	content: ""; display: block;
	width: 54px; height: 1px; margin: 20px auto 0;
	background: linear-gradient(90deg, transparent, var(--bx-gold), transparent);
}
.bx-section-head--left h2::after { margin-left: 0; margin-right: auto;
	background: linear-gradient(90deg, var(--bx-gold), transparent); }

/* ---------------------------------------------------------
   3. Ромбовият разделител — заменя стария „bx-weave“
   --------------------------------------------------------- */

.bx-weave {
	height: auto; background: none; border: 0;
	display: flex; align-items: center; gap: 18px;
	margin: clamp(28px, 5vw, 52px) 0;
	opacity: 1;
}
.bx-weave::before,
.bx-weave::after {
	content: ""; flex: 1; height: 1px;
	background: linear-gradient(90deg, transparent, var(--bx-line-gold), transparent);
}
.bx-weave__mark { display: block; color: var(--bx-gold); flex-shrink: 0; }

/* Ромбче за местата, където няма отделен елемент */
.bx-diamond {
	display: block; width: 100%; text-align: center;
	color: var(--bx-gold); font-size: 11px; line-height: 1;
	letter-spacing: 0.4em; opacity: 0.8;
}

/* ---------------------------------------------------------
   4. Бутони — както са в брандбука: плътно бордо със стрелка
      и кремав със златен кант
   --------------------------------------------------------- */

.bx-btn {
	font-family: var(--bx-sans);
	letter-spacing: 0.035em;
	border-radius: 2px;
	transition: background 0.28s var(--bx-ease), border-color 0.28s var(--bx-ease),
		color 0.28s var(--bx-ease), transform 0.2s var(--bx-ease);
}
.bx-btn::after {
	content: "→";
	font-size: 1.05em; line-height: 1;
	transform: translateX(0);
	transition: transform 0.28s var(--bx-ease);
}
.bx-btn:hover::after { transform: translateX(4px); }

/* Бутоните, при които стрелката пречи — количка, размер, форми */
.bx-btn--noarrow::after,
.single_add_to_cart_button::after,
.bx-btn--block.bx-btn--cart::after { content: none; }

/* Кремав със златен кант — вторичното действие в брандбука */
.bx-btn--ghost {
	background: var(--bx-card);
	color: var(--bx-ink);
	border-color: var(--bx-line-gold);
}
.bx-btn--ghost:hover {
	background: var(--bx-paper-warm);
	color: var(--bx-ink);
	border-color: var(--bx-gold);
}
/* Върху бордо фон (секция „за хотели“, финален CTA) */
.bx-btn--light { background: var(--bx-paper); color: var(--bx-accent-deep); border-color: var(--bx-paper); }
.bx-btn--light:hover { background: #fff; border-color: #fff; color: var(--bx-accent-deep); }

/* ---------------------------------------------------------
   5. Логото в хедъра — истинският монограм + словна марка
   --------------------------------------------------------- */

.bx-logo {
	display: inline-flex; align-items: center; gap: 11px;
	text-decoration: none; letter-spacing: normal; text-transform: none;
	font-family: var(--bx-display);
}
.bx-logo__word { display: flex; flex-direction: column; gap: 5px; line-height: 1; }
.bx-logo__name {
	font-family: var(--bx-display);
	font-size: 27px; font-weight: 700; line-height: 1;
	letter-spacing: 0.06em; text-transform: uppercase;
	color: var(--bx-accent);
}
/* Правото тире в „БЕЛОТЕКС-95“.

   Тирето на Cormorant Garamond е наклонено — в текст е красиво, в
   логото изглежда криво. Рисува се собствено, за да е точно
   хоризонтално. Размерите са в em — скалира с шрифта. */
.bx-dash {
	display: inline-block;
	width: 0.30em;
	height: 0.072em;
	background: currentColor;
	/* Средата на главната височина на версалките. */
	vertical-align: 0.27em;
	margin: 0 0.05em;
}

.bx-logo__sub {
	display: flex; align-items: center; gap: 7px;
	font-family: var(--bx-sans);
	font-size: 8.5px; font-weight: 700; line-height: 1;
	letter-spacing: 0.3em; text-transform: uppercase;
	color: var(--bx-gold-deep);
	margin: 0;
}
.bx-logo__sub::before,
.bx-logo__sub::after {
	content: ""; flex: 1; min-width: 8px; height: 1px;
	background: var(--bx-line-gold);
}
@media (max-width: 600px) {
	.bx-logo__name { font-size: 21px; }
	.bx-logo__sub { font-size: 7.5px; letter-spacing: 0.24em; }
}

/* Хедърът: кремава хартия със златна нишка отдолу */
.bx-header {
	background: color-mix(in srgb, var(--bx-paper) 92%, transparent);
	border-bottom: 1px solid var(--bx-line-gold);
}
.bx-header__in { height: 74px; }
.bx-header__nav a {
	font-family: var(--bx-sans);
	font-size: 13px; font-weight: 600;
	letter-spacing: 0.1em; text-transform: uppercase;
	color: var(--bx-ink-soft);
}
.bx-header__nav a:hover { color: var(--bx-accent); }

/* Точките между пунктовете на менюто — както в брандбука */
.bx-header__nav { gap: 0; }
.bx-header__nav > a,
.bx-header__nav .bx-menu > li { position: relative; }
.bx-header__nav > a:not(:last-child)::after,
.bx-header__nav .bx-menu > li:not(:last-child)::after {
	content: "·";
	display: inline-block; width: 26px; text-align: center;
	color: var(--bx-gold); opacity: 0.75; font-weight: 400;
}
.bx-header__nav .bx-menu { display: flex; align-items: center; gap: 0; }

.bx-announce {
	background: var(--bx-accent); color: var(--bx-paper);
	letter-spacing: 0.14em; font-size: 11.5px; font-weight: 600;
}

/* Количката стоеше по-високо от телефона: бутонът е inline-flex без
   подравняване, затова SVG-то се качваше на текстовата основна линия.
   Двете действия се центрират едно спрямо друго. */
.bx-header__actions { align-items: center; }
.bx-header__phone { display: inline-flex; align-items: center; gap: 8px; line-height: 1; }
.bx-cart-toggle {
	display: inline-grid; place-items: center;
	width: 40px; height: 40px; padding: 0; line-height: 0;
	flex-shrink: 0;
}
.bx-cart-toggle svg { display: block; }
.bx-cart-count { top: 2px; right: 2px; }

/* Хедърът на телефон
   ------------------
   Редът е flex и на тесен екран прелива. Бутонът за меню няма
   собствено съдържание, което да го държи широк, затова се свиваше до
   НУЛА — беше невидим и не можеше да се натисне. Иконите се заковават,
   а дългият телефонен номер отстъпва пръв. */
.bx-burger {
	flex-shrink: 0;
	width: 48px; height: 48px;
	align-items: center;
	padding: 0 7px;
}
.bx-burger span { width: 100%; flex-shrink: 0; }
.bx-header__brand { min-width: 0; }
.bx-header__in { gap: 10px; }

/* Пунктовете на менюто не се пренасят — иначе редът става двуетажен
   и менюто изглежда „паднало“. Проверено: при ~1000 px точно това се
   случваше, защото логото, менюто, номерът и количката не се побират. */
.bx-header__nav,
.bx-header__nav .bx-menu { flex-wrap: nowrap; }
.bx-header__nav a { white-space: nowrap; }

@media (max-width: 1150px) {
	/* Номерът заема половин ред — остава само слушалката, която пак
	   се набира с докосване. Показва се пак от 1151 px нагоре. */
	.bx-header__phone span { display: none; }
	.bx-header__phone {
		width: 44px; height: 44px; justify-content: center;
		flex-shrink: 0; gap: 0;
	}
	.bx-header__phone svg { width: 20px; height: 20px; }
}

@media (min-width: 900px) and (max-width: 1150px) {
	/* Между таблет и тесен монитор всичко се стяга, вместо да се пренася. */
	.bx-header__in { gap: 14px; }
	.bx-header__nav a { font-size: 12px; letter-spacing: 0.06em; }
	.bx-header__nav > a:not(:last-child)::after,
	.bx-header__nav .bx-menu > li:not(:last-child)::after { width: 16px; }
	.bx-logo__name { font-size: 22px; }
}

@media (min-width: 1151px) {
	.bx-header__in { gap: 20px; }
}

/* ---------------------------------------------------------
   6. Растителният десен — фината украса от брандбука
   ---------------------------------------------------------
   Използва се като едва забележим фон на спокойните секции.
   Държан е под 0.5 kB като data-URI, за да не струва заявка.
   --------------------------------------------------------- */

.bx-botanical {
	position: relative;
	isolation: isolate;
}
.bx-botanical::before {
	content: ""; position: absolute; inset: 0; z-index: -1;
	pointer-events: none;
	opacity: 0.5;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23B99A61' stroke-width='.9' stroke-linecap='round' opacity='.34'%3E%3Cpath d='M30 96C30 70 42 50 62 34'/%3E%3Cpath d='M45 74c-8-3-13-9-14-18 9 1 15 6 17 14M52 62c-7-4-11-11-10-20 8 3 13 9 13 17M60 50c-6-5-8-13-5-21 7 5 10 12 9 20M46 76c8-4 12-11 12-20-8 2-14 8-15 16M54 63c7-5 10-12 9-21-7 4-11 11-11 19'/%3E%3C/g%3E%3Cg fill='none' stroke='%23B99A61' stroke-width='.9' stroke-linecap='round' opacity='.22'%3E%3Cpath d='M92 28c0 20-9 36-24 48'/%3E%3Cpath d='M82 44c6-2 10-7 11-14-7 1-12 5-13 11M76 56c5-3 8-9 8-15-6 2-10 7-10 13'/%3E%3C/g%3E%3C/svg%3E");
	background-size: 240px 240px;
}

/* Памучното клонче — линеен знак за „100% памук“ */
.bx-cotton { display: block; color: var(--bx-gold); }

/* ---------------------------------------------------------
   7. Манифестът — гласът на марката
   --------------------------------------------------------- */

.bx-manifest {
	background: var(--bx-paper-warm);
	padding: clamp(56px, 8vw, 104px) 0;
	text-align: center;
	border-top: 1px solid var(--bx-line-gold);
	border-bottom: 1px solid var(--bx-line-gold);
}
.bx-manifest__in { max-width: 720px; margin: 0 auto; padding: 0 var(--bx-pad); }
.bx-manifest__mark { display: inline-block; margin: 0 0 26px; color: var(--bx-gold); }
.bx-manifest__text {
	font-family: var(--bx-serif);
	font-size: clamp(17.5px, 2.1vw, 21px);
	line-height: 1.78;
	color: var(--bx-ink-soft);
	margin: 0 0 34px;
}
.bx-manifest__lines {
	font-size: clamp(23px, 3.2vw, 34px);
	line-height: 1.42;
	color: var(--bx-accent);
	margin: 0;
}
.bx-manifest__lines span { display: block; }
.bx-manifest__sig {
	display: block;
	font-family: var(--bx-display); font-style: italic; font-weight: 500;
	font-size: clamp(19px, 2.4vw, 25px);
	color: var(--bx-gold-deep);
	margin-top: 34px; letter-spacing: 0.01em;
}

/* ---------------------------------------------------------
   8. Футър — монограмът върху кремава плочка
   --------------------------------------------------------- */

.bx-footer { border-top: 3px solid var(--bx-accent); }
.bx-footer__brandline { display: block; margin: 0 0 16px; }
.bx-footer__name {
	display: block;
	font-family: var(--bx-display);
	font-size: 22px; font-weight: 700; letter-spacing: 0.055em; line-height: 1.1;
	color: var(--bx-paper); margin: 0 0 4px; text-transform: uppercase;
}
.bx-footer__place {
	display: block;
	font-family: var(--bx-sans); font-size: 8.5px; font-weight: 700;
	letter-spacing: 0.3em; text-transform: uppercase;
	color: var(--bx-gold); margin: 0;
}
.bx-footer__motto {
	font-family: var(--bx-display); font-style: italic; font-weight: 500;
	font-size: 20px; color: var(--bx-gold);
	margin: 0 0 14px; opacity: 0.95;
}
.bx-footer__col h3 { color: var(--bx-gold); opacity: 1; letter-spacing: 0.2em; }
.bx-footer__trust b { border-color: rgba(185, 154, 97, 0.4); }

/* ---------------------------------------------------------
   9. Витрината в hero-то
   ---------------------------------------------------------
   Кремава страница + дълбок бордо панел: контрастът е това,
   което спира окото. Вътре халатът се пребоядисва от мострите,
   а цената стои като етикет — първото число на страницата.
   --------------------------------------------------------- */

.bx-hero {
	background:
		radial-gradient(120% 90% at 88% 0%, var(--bx-paper-warm) 0%, transparent 62%),
		var(--bx-paper);
}

.bx-showcase {
	position: relative; overflow: hidden;
	border-radius: 4px;
	padding: clamp(22px, 3.2vw, 40px);
	background: linear-gradient(158deg, #7E3641 0%, #5F2530 52%, #45191F 100%);
	box-shadow: 0 34px 74px -34px rgba(41, 39, 37, 0.62);
}

/* Хавлиената бримка върху панела — дава материя, не плосък цвят */
.bx-showcase::before {
	content: ""; position: absolute; inset: 0; pointer-events: none;
	opacity: 0.5;
	background-image:
		radial-gradient(rgba(255, 255, 255, 0.11) 0.9px, transparent 1px),
		radial-gradient(rgba(0, 0, 0, 0.14) 0.9px, transparent 1px);
	background-size: 7px 7px, 7px 7px;
	background-position: 0 0, 3.5px 3.5px;
}

.bx-showcase__stage {
	position: relative;
	display: grid; place-items: center;
	min-height: clamp(260px, 31vw, 384px);
}

/* Мека кремава „светлина“ зад халата. Без нея тъмните мостри —
   бордо, антрацит, тъмносиньо — потъват в бордовия панел и
   витрината показва празно петно точно на най-скъпите цветове. */
.bx-showcase__glow {
	position: absolute; inset: 2% 2% 4%;
	background: radial-gradient(54% 48% at 50% 46%,
		rgba(250, 245, 237, 0.96) 0%,
		rgba(250, 245, 237, 0.78) 42%,
		rgba(250, 245, 237, 0.28) 62%,
		rgba(250, 245, 237, 0) 76%);
	filter: blur(9px);
}
/* Истинската снимка на халата в избрания цвят. Заема мястото на
   рисунката, щом цветът има снимка; иначе рисунката си остава. */
/* Снимката на продукта стои НЕПОДВИЖНО. WooCommerce иначе я
   мащабира при hover (zoom) и я побутва при смяна на вариация —
   собственикът поиска изрично да не мърда. Zoom-ът е изключен и в
   functions.php; тук се спира и остатъчното движение. */
.woocommerce-product-gallery__image img,
.woocommerce-product-gallery .zoomImg {
	transition: none !important;
	animation: none !important;
	transform: none !important;
}
/* Никакво увеличаване: линкът около снимката е обезвреден и в JS
   (премахва се href), тук се махат и визуалните покани. */
.woocommerce-product-gallery__image a { cursor: default; pointer-events: none; }
.woocommerce-product-gallery__trigger { display: none !important; }
.woocommerce-product-gallery__image:hover img { transform: none !important; }

/* Снимките са с различни пропорции (900×1200 и 800×1200). Без
   фиксирана кутия галерията подскача с около 100 px при всяка смяна
   на цвят и цялата страница под нея се мести. Фонът е цветът на
   самото студио (измерен от ъглите на шестте снимки), така че
   полетата отстрани не се виждат като шев. */
.woocommerce-product-gallery__image,
.bx-gallery-drawing {
	background: #E6D5C4;
}
.woocommerce-product-gallery__image img {
	width: 100%; height: auto;
	aspect-ratio: 3 / 4;
	object-fit: contain;
}
[data-bx-robe-visual][hidden] { display: none; }

/* Лентата с малките снимки по цвят — ПОД снимката.

   Изборът на цвят беше на три стъпки на телефон: скрол до
   мострите, щракване, скрол обратно до снимката. Сега и
   снимката, и 13-те цвята са в един кадър.

   ВЛЯВО ОТ СНИМКАТА е пробвано и ОТХВЪРЛЕНО: на телефон
   лентата изяжда трета от ширината и снимката пада от 270 на
   224 px. Собственикът предпочете варианта под снимката. */
.bx-cthumbs {
	display: grid;
	/* Точно 7 на ред → 13-те цвята се побират в ДВА реда (7 + 6).
	   При auto-fit броят колони зависеше от ширината и на десктоп
	   излизаха 11 + 2 — последният ред оставаше с две самотни. */
	grid-template-columns: repeat(7, minmax(0, 1fr));
	gap: 6px;
	margin-top: 10px;
}
.bx-cthumb {
	position: relative;
	display: block;
	padding: 0;
	border: 0;
	background: #E6D5C4;
	border-radius: 3px;
	overflow: hidden;
	cursor: pointer;
	aspect-ratio: 1;
	/* Само контурът се мени — снимката НЕ мърда при hover. */
	box-shadow: inset 0 0 0 1px var(--bx-line-soft);
	transition: box-shadow .18s var(--bx-ease);
}
.bx-cthumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* Миниатюрата е цял ръст; при 40 px халатът е няколко пиксела.
	   Приближаваме към телата, за да се вижда цветът, а не фонът. */
	transform: scale(1.6);
	transform-origin: 50% 40%;
}
.bx-cthumb:hover,
.bx-cthumb:focus-visible {
	box-shadow: inset 0 0 0 2px var(--bx-ink-soft);
	outline: none;
}
.bx-cthumb.is-selected {
	box-shadow: inset 0 0 0 3px var(--bx-accent);
}

@media (max-width: 600px) {
	/* Точно 7 на ред → 13-те цвята се побират в ДВА реда. При auto-fit
	   излизаха четири реда и бутаха цялата страница надолу.
	   Лентата излиза частично от падинга на галерията, за да станат
	   миниатюрите 48 px — целта за докосване, която senior.css държи. */
	.bx-cthumbs {
		gap: 5px;
		margin-inline: -20px;
	}
}

/* Рисунката-резерва в галерията — за цветовете без снимка. */
.bx-gallery-drawing {
	display: flex; align-items: center; justify-content: center;
	width: 100%; padding: 8% 12%;
	/* Същата кутия като снимките — иначе страницата скача при
	   превключване към цвят без снимка. */
	aspect-ratio: 3 / 4;
}
.bx-gallery-drawing .bx-robe-visual__svg { max-height: 100%; }
.bx-gallery-drawing[hidden] { display: none; }
.bx-gallery-drawing .bx-robe-visual { width: 100%; margin: 0; }
.woocommerce-product-gallery__wrapper[hidden] { display: none; }

/* Вътре в панела халатът плава — без кремавата плочка, която
   senior.css слага около него в каталога и на продуктовата страница. */
.bx-showcase .bx-robe-visual {
	position: relative; width: min(100%, 336px); margin: 0;
	background: none; border: 0; padding: 0;
	aspect-ratio: auto; overflow: visible;
}
.bx-showcase .bx-robe-visual__svg {
	width: 100%; height: auto; display: block;
	filter: drop-shadow(0 26px 40px rgba(20, 8, 12, 0.5));
}
.bx-showcase .bx-robe-visual__note { display: none; }

.bx-showcase__tag {
	position: absolute; top: 2px; right: 2px;
	display: grid; justify-items: center; gap: 1px;
	padding: 13px 18px;
	background: var(--bx-paper); color: var(--bx-accent-deep);
	border-radius: 3px;
	box-shadow: 0 10px 26px -10px rgba(20, 8, 12, 0.6);
}
.bx-showcase__tag small {
	font-size: 10px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase;
	color: var(--bx-gold-deep);
}
.bx-showcase__tag b {
	font-family: var(--bx-display); font-size: 27px; font-weight: 700; line-height: 1;
}
.bx-showcase__tag .woocommerce-Price-currencySymbol { font-size: 0.7em; }

.bx-showcase__picker { position: relative; margin-top: clamp(18px, 2.4vw, 26px); }
.bx-showcase__label {
	display: flex; align-items: baseline; justify-content: space-between; gap: 14px;
	margin: 0 0 14px;
}
.bx-showcase__label span {
	font-family: var(--bx-display); font-size: 22px; font-weight: 600;
	color: var(--bx-paper);
}
.bx-showcase__label small {
	font-size: 10.5px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase;
	color: rgba(247, 241, 232, 0.62); white-space: nowrap;
}

.bx-showcase__rail { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
.bx-showcase__rail li { margin: 0; }
.bx-showcase__dot {
	display: block; width: 32px; height: 32px; padding: 0;
	border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.36);
	background-size: cover; background-position: center;
	cursor: pointer;
	transition: transform 0.22s var(--bx-ease), box-shadow 0.22s var(--bx-ease);
}
.bx-showcase__dot:hover { transform: translateY(-2px) scale(1.08); }
.bx-showcase__dot.is-active {
	transform: scale(1.14);
	box-shadow: 0 0 0 2px #5F2530, 0 0 0 3.5px var(--bx-gold);
}

@media (max-width: 560px) {
	.bx-showcase__dot { width: 28px; height: 28px; }
	.bx-showcase__tag b { font-size: 22px; }
}

/* ---------------------------------------------------------
   10. Повече живот в търговските секции
   --------------------------------------------------------- */

/* Продуктите изглеждаха като списък върху хартия. Стават карти —
   с материя, кант и повдигане, за да се четат като стока. */
ul.products li.product {
	background: var(--bx-card);
	border: 1px solid var(--bx-line-soft);
	border-radius: 4px;
	padding: 14px 14px 18px;
	transition: transform 0.32s var(--bx-ease), box-shadow 0.32s var(--bx-ease),
		border-color 0.32s var(--bx-ease);
}
ul.products li.product:hover {
	transform: translateY(-5px);
	border-color: var(--bx-line-gold);
	box-shadow: 0 28px 52px -28px rgba(41, 39, 37, 0.42);
}
/* Рисунката заема еднакво поле във всяка карта, иначе заглавията и
   бутоните тръгват на различна височина и редът изглежда разбъркан. */
ul.products li.product .bx-loop-visual {
	display: grid; place-items: center;
	aspect-ratio: 4 / 5;
	background: linear-gradient(170deg, var(--bx-paper-2) 0%, var(--bx-paper-warm) 100%);
	border-radius: var(--bx-radius);
	overflow: hidden;
	padding: 6%;
}
ul.products li.product .bx-loop-visual .bx-robe-visual {
	width: 100%; height: 100%;
	background: none; border: 0; padding: 0;
	aspect-ratio: auto;
	display: grid; place-items: center;
}
ul.products li.product .bx-loop-visual .bx-robe-visual__svg {
	width: auto; height: 100%; max-width: 100%;
}

/* Две реда за заглавието — цените и бутоните остават на една линия */
ul.products li.product .woocommerce-loop-product__title,
.bx-products__grid ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--bx-serif);
	font-size: 19px; font-weight: 600; letter-spacing: 0; line-height: 1.3;
	margin: 16px 0 6px;
	min-height: 2.6em;
}
ul.products li.product .price,
.bx-products__grid ul.products li.product .price {
	font-family: var(--bx-display);
	font-size: 26px; font-weight: 700; line-height: 1.1;
	color: var(--bx-accent);
}

/* Плътното бордо на бутона се задава в shop.css — там е компонентът.
   Тук му остава само стрелката, за да е като останалите. */
ul.products li.product .button { margin-top: auto; font-family: var(--bx-sans); }
ul.products li.product .button::after {
	content: "→"; font-size: 1.05em; line-height: 1;
	transition: transform 0.26s var(--bx-ease);
}
ul.products li.product:hover .button::after { transform: translateX(4px); }

/* Мострите в галерията: кръгли, едри и реагиращи. Кръгът е нарочен —
   когато отгоре легне снимка на самия плат, кръгчето чете като парче
   материя, а квадратът — като цветно поле във фотошоп. */
.bx-colors__grid { gap: 22px 18px; }
.bx-colors__item { transition: transform 0.28s var(--bx-ease); }
.bx-colors__item:hover { transform: translateY(-4px); }
.bx-colors__chip {
	width: clamp(78px, 9vw, 108px); height: clamp(78px, 9vw, 108px);
	border-radius: 50%;
	background-size: cover; background-position: center;
	transition: box-shadow 0.28s var(--bx-ease);
}
.bx-colors__item:hover .bx-colors__chip {
	box-shadow: 0 0 0 1px var(--bx-gold), 0 16px 30px -14px rgba(41, 39, 37, 0.42);
}

/* Мострите на продуктовата страница и точките в каталога — също кръгли
   и готови да носят снимка вместо плосък цвят. */
.bx-swatch__chip,
.bx-loop-colors i {
	border-radius: 50%;
	background-size: cover; background-position: center;
}

/* Манифестът минава на бордо — прекъсва кремавото и се помни */
.bx-manifest {
	background: linear-gradient(158deg, #7E3641 0%, #5F2530 55%, #45191F 100%);
	border-top: 0; border-bottom: 0;
	color: var(--bx-paper);
}
.bx-manifest::before { opacity: 0.34; }
.bx-manifest__mark { color: var(--bx-gold); }
.bx-manifest__text { color: rgba(247, 241, 232, 0.82); }
.bx-manifest__lines { color: var(--bx-paper); }
.bx-manifest__sig { color: var(--bx-gold); }

/* ---------------------------------------------------------
   11. Продуктовата страница
   ---------------------------------------------------------
   Изделието получава същата „витрина“ като на началната
   страница: мека студийна светлина, върху която всеки от 13-те
   цвята се чете. Вдясно — ясна стълбица: име, цена, доказателство,
   избор, действие.
   --------------------------------------------------------- */

.single-product .bx-main { background: var(--bx-paper); }

/* Без `position` тук — shop.css я прави sticky в широк екран и това
   правило е по-специфично, така че щеше да я откачи. */
.woocommerce div.product > .woocommerce-product-gallery {
	padding: clamp(20px, 3vw, 40px);
	background:
		radial-gradient(58% 52% at 50% 44%, #FFFCF7 0%, rgba(255, 252, 247, 0) 74%),
		linear-gradient(168deg, var(--bx-paper-2) 0%, var(--bx-paper-warm) 100%);
	border: 1px solid var(--bx-line-gold);
	border-radius: 4px;
}
.woocommerce div.product .bx-robe-visual {
	background: none; border: 0; padding: 0;
	aspect-ratio: auto; overflow: visible;
	width: min(100%, 396px); margin: 0 auto;
}
.woocommerce div.product .bx-robe-visual__svg {
	width: 100%; height: auto;
	filter: drop-shadow(0 26px 44px rgba(41, 39, 37, 0.22));
}
.woocommerce div.product .bx-robe-visual__note {
	position: static; margin: 18px 0 0;
	font-size: 12.5px; letter-spacing: 0.02em;
}

/* Стълбицата вдясно: надпис → име → цена → злат­на нишка → описание.
   Преди беше три еднакво тежки блока един под друг и окото нямаше
   къде да стъпи. */
.bx-pdp-eyebrow { margin: 0 0 10px; }

.product_title { max-width: none; margin: 0 0 14px; }

.woocommerce div.product .summary > .price {
	display: flex; align-items: baseline; flex-wrap: wrap; gap: 0 10px;
	font-family: var(--bx-display);
	font-size: clamp(32px, 3.6vw, 44px); font-weight: 700; line-height: 1.05;
	color: var(--bx-accent);
	margin: 0 0 20px; padding-bottom: 20px;
	border-bottom: 1px solid var(--bx-line-gold);
	font-variant-numeric: lining-nums;
	font-feature-settings: "lnum" 1;
}
/* Изчерпан/намален — да не се бият с новото подравняване */
.woocommerce div.product .summary > .price del { font-size: 0.55em; color: var(--bx-ink-faint); }
.woocommerce div.product .summary > .price ins { text-decoration: none; }

.woocommerce div.product .woocommerce-product-details__short-description {
	font-size: 17.5px; line-height: 1.72; color: var(--bx-ink-soft);
	max-width: 46ch;
}
.woocommerce div.product .woocommerce-product-details__short-description p:last-child { margin-bottom: 0; }

/* Заглавията „ЦВЯТ“ / „РАЗМЕР“ — фирмени, с косъм-линия */
.bx-swatches-head,
.bx-attr-head {
	display: flex; align-items: baseline; justify-content: space-between; gap: 12px;
	padding-bottom: 10px; margin-bottom: 14px;
	border-bottom: 1px solid var(--bx-line-gold);
}
.bx-swatches-head > *:first-child,
.bx-attr-head > *:first-child {
	font-size: 11px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase;
	color: var(--bx-gold-deep);
}

/* Количество: избор с „бр.“ вместо тясно поле за число */
.woocommerce div.product .quantity.bx-qty-select { flex: 0 0 auto; }
.woocommerce div.product .quantity.bx-qty-select select {
	min-height: 56px; height: 56px;
	min-width: 112px; width: auto;
	padding: 0 38px 0 16px;
	background: var(--bx-card); color: var(--bx-ink);
	border: 1px solid var(--bx-line); border-radius: 2px;
	font-family: var(--bx-sans); font-size: 16px; font-weight: 600;
	cursor: pointer;
	/* Собствена стрелка — вградената е различна във всеки браузър. */
	appearance: none; -webkit-appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%235B534A' stroke-width='1.6'%3E%3Cpath d='m1 1.5 5 5 5-5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 15px center;
}
.woocommerce div.product .quantity.bx-qty-select select:focus {
	outline: 2px solid var(--bx-accent); outline-offset: 1px;
}

/* Мострите: по-едри, със златен кант при избор */
.bx-swatch__chip { box-shadow: 0 0 0 1px var(--bx-line-soft); }
.bx-swatch.is-selected .bx-swatch__chip {
	box-shadow: 0 0 0 2px var(--bx-paper), 0 0 0 3.5px var(--bx-accent);
}

/* Спецификацията и гаранциите живеят ПОД снимката, не вдясно.
   Затова се откачат от тесния текстов блок и заемат ширината на
   галерията. */
.woocommerce div.product .woocommerce-product-gallery .bx-pdp-specs,
.woocommerce div.product .woocommerce-product-gallery .bx-pdp-usp {
	max-width: none;
}
.woocommerce div.product .woocommerce-product-gallery .bx-pdp-specs {
	margin: clamp(20px, 3vw, 30px) 0 0;
}
.woocommerce div.product .woocommerce-product-gallery .bx-pdp-usp {
	margin: 18px 0 0;
	padding-top: 18px;
	border-top: 1px solid var(--bx-line-gold);
}

/* Спецификационната лента — грамажът е главният аргумент */
.bx-spec {
	border: 1px solid var(--bx-line-gold);
	border-radius: 3px;
	background: var(--bx-card);
}
.bx-spec b, .bx-spec dt { font-family: var(--bx-display); color: var(--bx-accent); }

/* ---------------------------------------------------------
   Разделите „За продукта / Отзиви“
   ---------------------------------------------------------
   Беше плътен блок текст с еднакво тежки заглавия. Сега първият
   абзац е въведение, заглавията носят златна нишка, а изброяването
   е списък със златни кръгчета вместо ред след ред.
   --------------------------------------------------------- */

.woocommerce div.product .woocommerce-tabs {
	margin-top: clamp(32px, 5vw, 64px);
	padding-top: clamp(28px, 4vw, 48px);
	border-top: 1px solid var(--bx-line-gold);
}
/* Панелът заема ЦЯЛАТА ширина — при 74ch дясната половина оставаше
   празна и страницата изглеждаше недовършена. Ограничава се само
   мярката на абзаците, за да не стават редовете нечетимо дълги. */
/* Описанието и отзивите вървят един под друг, без раздели —
   етикетът „Отзиви" скриваше половината съдържание от хора, които
   не знаят, че се кликва. */
.bx-pdp-body {
	margin-top: clamp(32px, 5vw, 64px);
	padding-top: clamp(28px, 4vw, 48px);
	border-top: 1px solid var(--bx-line-gold);
}
.bx-pdp-body__title,
#reviews .bx-reviews__title {
	font-family: var(--bx-display); font-weight: 600;
	font-size: clamp(27px, 3.4vw, 38px); line-height: 1.15;
	margin: 0 0 clamp(22px, 2.8vw, 30px);
	color: var(--bx-ink);
}

.bx-pdp-body__content { max-width: none; }
.bx-pdp-body__content > p { max-width: 68ch; }

/* Първият абзац е обещанието — по-едър от останалото */
.bx-pdp-body__content > p:first-of-type {
	font-family: var(--bx-serif);
	font-size: clamp(18px, 2.1vw, 21px);
	line-height: 1.7;
	color: var(--bx-ink);
	margin: 0 0 clamp(28px, 3.4vw, 40px);
}

.woocommerce div.product .woocommerce-tabs h2,
.bx-pdp-body__content h3 {
	font-family: var(--bx-serif);
	font-size: 20px; font-weight: 600; line-height: 1.3;
	color: var(--bx-ink);
	margin: clamp(30px, 3.6vw, 42px) 0 16px;
	padding-top: 18px;
	border-top: 1px solid var(--bx-line-gold);
}
.bx-pdp-body__content h3:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.bx-pdp-body__content p { font-size: 16.5px; line-height: 1.74; }

/* Изброяването: две колони на широк екран, златно кръгче отпред */
.bx-pdp-body__content ul:not(.bx-pdp-specs):not(.bx-care__grid):not(.bx-origin__facts),
.bx-feature-list {
	display: grid; gap: 14px 34px;
	grid-template-columns: 1fr;
	margin: 0; padding: 0; list-style: none;
}
@media (min-width: 720px) {
	.bx-pdp-body__content ul:not(.bx-pdp-specs):not(.bx-care__grid):not(.bx-origin__facts),
	.bx-feature-list { grid-template-columns: repeat(2, 1fr); }
}
.bx-pdp-body__content ul:not(.bx-pdp-specs):not(.bx-care__grid):not(.bx-origin__facts) li,
.bx-feature-list li {
	position: relative;
	margin: 0; padding-left: 28px;
	font-size: 16px; line-height: 1.66; color: var(--bx-ink-soft);
}
.bx-pdp-body__content ul:not(.bx-pdp-specs):not(.bx-care__grid):not(.bx-origin__facts) li::before,
.bx-feature-list li::before {
	content: ""; position: absolute; left: 2px; top: 9px;
	width: 9px; height: 9px; border-radius: 50%;
	border: 1px solid var(--bx-gold);
}
.bx-pdp-body__content ul:not(.bx-pdp-specs):not(.bx-care__grid):not(.bx-origin__facts) strong,
.bx-feature-list strong { color: var(--bx-ink); font-weight: 600; }

/* Поддръжка — знаци като на етикет, вместо абзац */
.bx-care { margin: clamp(30px, 3.6vw, 44px) 0 0; padding-top: 18px; border-top: 1px solid var(--bx-line-gold); }
.bx-care__title {
	font-family: var(--bx-serif); font-size: 20px; font-weight: 600;
	margin: 0 0 20px; padding: 0; border: 0;
}
.bx-care__grid {
	display: grid; gap: 20px 18px;
	grid-template-columns: repeat(2, 1fr);
	margin: 0; padding: 0; list-style: none;
}
@media (min-width: 760px) { .bx-care__grid { grid-template-columns: repeat(4, 1fr); } }
.bx-care__grid li {
	display: grid; justify-items: center; gap: 4px;
	margin: 0; padding: 18px 10px;
	text-align: center;
	background: var(--bx-card);
	border: 1px solid var(--bx-line-soft); border-radius: 3px;
}
.bx-care__grid li::before { content: none; }
.bx-care__icon { display: block; color: var(--bx-gold-deep); margin-bottom: 6px; }
.bx-care__icon svg { display: block; width: 34px; height: 34px; }
.bx-care__grid b {
	font-family: var(--bx-sans); font-size: 14px; font-weight: 700;
	color: var(--bx-ink); line-height: 1.3;
}
.bx-care__grid span { font-size: 12.5px; color: var(--bx-ink-faint); line-height: 1.4; }

/* ---------------------------------------------------------
   Отзиви
   ---------------------------------------------------------
   Стандартният вид на WooCommerce е списък с аватари и ситен
   текст. Тук отзивът е карта с едри златни звезди, дата и
   инициал вместо снимка — чете се и когато са само два.
   --------------------------------------------------------- */

#reviews {
	margin-top: clamp(32px, 4.4vw, 56px);
	padding-top: clamp(28px, 3.6vw, 44px);
	border-top: 1px solid var(--bx-line-gold);
}
#reviews #comments > h2 {
	font-family: var(--bx-display); font-weight: 600;
	font-size: clamp(27px, 3.4vw, 38px); line-height: 1.15;
	margin: 0 0 24px; color: var(--bx-ink);
}

/* Празно състояние — покана, не съобщение за липса */
#reviews .woocommerce-noreviews {
	margin: 0 0 26px; padding: 22px 24px;
	background: var(--bx-paper-warm);
	border: 1px solid var(--bx-line-gold); border-radius: 4px;
	font-family: var(--bx-serif); font-size: 17px; color: var(--bx-ink-soft);
}

#reviews ol.commentlist {
	display: grid; gap: 16px;
	margin: 0 0 32px; padding: 0; list-style: none;
}
@media (min-width: 860px) { #reviews ol.commentlist { grid-template-columns: repeat(2, 1fr); } }
#reviews ol.commentlist li { margin: 0; padding: 0; }
#reviews .comment_container {
	display: block; position: relative;
	padding: 22px 24px;
	background: var(--bx-card);
	border: 1px solid var(--bx-line-soft); border-radius: 4px;
}
/* Аватарът на Gravatar не казва нищо — махаме го. */
#reviews .comment_container img.avatar { display: none; }
#reviews .comment-text { margin: 0; padding: 0; border: 0; }

#reviews .star-rating {
	float: none; margin: 0 0 12px;
	font-size: 15px; letter-spacing: 2px; color: var(--bx-star);
}
#reviews .comment-text p.meta {
	margin: 0 0 10px; font-size: 0;
}
#reviews .comment-text p.meta strong {
	display: block;
	font-family: var(--bx-serif); font-size: 17px; font-weight: 600;
	color: var(--bx-ink); margin-bottom: 2px;
}
#reviews .comment-text p.meta time {
	font-size: 12.5px; letter-spacing: 0.06em; color: var(--bx-ink-faint);
}
#reviews .comment-text p.meta .woocommerce-review__dash { display: none; }
#reviews .comment-text .description p {
	margin: 0; font-size: 16px; line-height: 1.7; color: var(--bx-ink-soft);
}

/* Формата за нов отзив */
#review_form_wrapper {
	padding: clamp(22px, 3vw, 32px);
	background: var(--bx-paper-warm);
	border: 1px solid var(--bx-line-gold); border-radius: 4px;
}
#review_form_wrapper .comment-reply-title {
	display: block;
	font-family: var(--bx-serif); font-size: 20px; font-weight: 600;
	color: var(--bx-ink); margin-bottom: 6px;
}
#review_form_wrapper .comment-notes { font-size: 14.5px; color: var(--bx-ink-faint); }
#review_form_wrapper label { font-size: 14.5px; font-weight: 600; color: var(--bx-ink); }
#review_form_wrapper input[type="text"],
#review_form_wrapper input[type="email"],
#review_form_wrapper textarea {
	width: 100%; padding: 12px 14px; margin-top: 6px;
	background: var(--bx-card); color: var(--bx-ink);
	border: 1px solid var(--bx-line); border-radius: 2px;
	font-size: 16px; font-family: var(--bx-sans);
}
#review_form_wrapper input:focus,
#review_form_wrapper textarea:focus { outline: 2px solid var(--bx-accent); outline-offset: 1px; }
#review_form_wrapper .stars a { color: var(--bx-star); }
#review_form_wrapper .form-submit input[type="submit"] {
	min-height: 52px; padding: 0 28px;
	background: var(--bx-accent); color: var(--bx-accent-ink);
	border: 0; border-radius: 2px;
	font-family: var(--bx-sans); font-size: 16px; font-weight: 600; cursor: pointer;
}
#review_form_wrapper .form-submit input[type="submit"]:hover { background: var(--bx-accent-deep); }

/* Произход — фирмена лента, не абзац */
.bx-origin {
	display: grid; gap: clamp(18px, 2.6vw, 32px); align-items: center;
	grid-template-columns: 1fr;
	margin: clamp(30px, 3.6vw, 44px) 0 0;
	padding: clamp(22px, 3vw, 32px);
	background: var(--bx-paper-warm);
	border: 1px solid var(--bx-line-gold); border-radius: 4px;
}
@media (min-width: 620px) { .bx-origin { grid-template-columns: auto 1fr; } }
.bx-origin__mark { display: block; color: var(--bx-gold); justify-self: center; }
.bx-origin__mark .bx-cotton { width: 58px; height: auto; }
.bx-origin .bx-eyebrow { margin-bottom: 8px; }
.bx-origin__lead {
	font-family: var(--bx-serif); font-size: 16.5px; line-height: 1.68;
	color: var(--bx-ink-soft); margin: 0 0 18px;
}
.bx-origin__facts {
	display: grid; gap: 14px 24px;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	margin: 0;
}
.bx-origin__facts div { margin: 0; }
.bx-origin__facts dt {
	font-family: var(--bx-display); font-size: 22px; font-weight: 700;
	color: var(--bx-accent); line-height: 1.1; margin: 0 0 3px;
	font-variant-numeric: lining-nums; font-feature-settings: "lnum" 1;
}
.bx-origin__facts dd {
	margin: 0; font-size: 13px; line-height: 1.45; color: var(--bx-ink-faint);
}

/* ---------------------------------------------------------
   12. „Какво произвеждаме“ — плочки с рисунки
   ---------------------------------------------------------
   Докато няма снимки, всяка група си има собствена линейна
   рисунка върху топла плоскост. Целта е секцията да се гледа,
   а не да се чете като списък.
   --------------------------------------------------------- */

.bx-range__grid {
	display: grid; gap: clamp(16px, 2vw, 26px);
	grid-template-columns: 1fr;
	margin: 0; padding: 0; list-style: none;
	border: 0;
}
@media (min-width: 620px) { .bx-range__grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .bx-range__grid { grid-template-columns: repeat(3, 1fr); } }

.bx-range__card {
	display: flex; flex-direction: column;
	margin: 0; padding: 0;
	background: var(--bx-card);
	border: 1px solid var(--bx-line-soft);
	border-radius: 4px;
	overflow: hidden;
	transition: transform 0.34s var(--bx-ease), box-shadow 0.34s var(--bx-ease),
		border-color 0.34s var(--bx-ease);
}
.bx-range__card:hover {
	transform: translateY(-5px);
	border-color: var(--bx-line-gold);
	box-shadow: 0 28px 52px -28px rgba(41, 39, 37, 0.4);
}

.bx-range__art {
	position: relative;
	display: grid; place-items: center;
	padding: clamp(20px, 2.6vw, 30px);
	background:
		radial-gradient(64% 58% at 50% 42%, #FFFCF7 0%, rgba(255, 252, 247, 0) 76%),
		linear-gradient(166deg, var(--bx-paper-2) 0%, var(--bx-paper-warm) 100%);
	border-bottom: 1px solid var(--bx-line-gold);
}
.bx-art {
	display: block; width: 100%; height: auto;
	max-width: 268px;
	color: var(--bx-gold-deep);
	transition: transform 0.5s var(--bx-ease);
}
.bx-range__card:hover .bx-art { transform: scale(1.035); }

/* Трите роли в рисунката: плат, топъл тон, бордов акцент */
.bx-art .bx-art__fill   { fill: #FFFCF7; }
.bx-art .bx-art__tint   { fill: var(--bx-beige); fill-opacity: 0.42; }
.bx-art .bx-art__accent { stroke: var(--bx-accent); }

.bx-range__badge {
	position: absolute; top: 14px; right: 14px;
	background: var(--bx-accent); color: var(--bx-accent-ink);
	font-size: 10px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase;
	padding: 6px 11px; border-radius: 2px;
}

.bx-range__body { padding: clamp(18px, 2.2vw, 26px); }
.bx-range__body h3 {
	font-family: var(--bx-serif);
	font-size: 20px; font-weight: 600; margin: 0 0 8px;
}
.bx-range__body p {
	margin: 0; color: var(--bx-ink-soft);
	font-size: 15.5px; line-height: 1.62;
}

/* ---------------------------------------------------------
   13. Страницата „За хотели“
   --------------------------------------------------------- */

.bx-b2b-hero {
	position: relative; overflow: hidden;
	background: linear-gradient(158deg, #7E3641 0%, #5F2530 54%, #45191F 100%);
	color: var(--bx-paper);
	padding: clamp(56px, 8vw, 104px) 0;
}
.bx-b2b-hero::before {
	content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0.42;
	background-image:
		radial-gradient(rgba(255, 255, 255, 0.1) 0.9px, transparent 1px),
		radial-gradient(rgba(0, 0, 0, 0.14) 0.9px, transparent 1px);
	background-size: 7px 7px, 7px 7px;
	background-position: 0 0, 3.5px 3.5px;
}
.bx-b2b-hero__in { position: relative; max-width: 820px; }
.bx-b2b-hero .bx-eyebrow { color: var(--bx-gold); }
.bx-b2b-hero .bx-eyebrow::before,
.bx-b2b-hero .bx-eyebrow::after { color: var(--bx-gold); }
.bx-b2b-hero h1 {
	font-family: var(--bx-display); font-weight: 600;
	font-size: clamp(34px, 5.4vw, 60px); line-height: 1.1;
	margin: 0 0 20px;
	font-variant-numeric: lining-nums; font-feature-settings: "lnum" 1;
}
.bx-b2b-hero__lead {
	font-size: clamp(16.5px, 2vw, 19.5px); line-height: 1.7;
	color: rgba(247, 241, 232, 0.84); max-width: 56ch; margin: 0 0 30px;
}
.bx-b2b-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; }

/* Лентата с хотелите — върти се сама, спира при посочване */
.bx-marquee { padding: clamp(40px, 6vw, 72px) 0; overflow: hidden; }
.bx-marquee__head { text-align: center; margin-bottom: clamp(24px, 3vw, 38px); }
.bx-marquee__viewport {
	position: relative;
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent);
	mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent);
}
.bx-marquee__track {
	display: flex; width: max-content; gap: 14px;
	animation: bx-marquee var(--bx-marquee-dur, 46s) linear infinite;
}
.bx-marquee__viewport:hover .bx-marquee__track,
.bx-marquee__viewport:focus-within .bx-marquee__track { animation-play-state: paused; }
@keyframes bx-marquee { to { transform: translateX(-50%); } }

.bx-marquee__item {
	flex: 0 0 auto;
	display: grid; align-content: center; gap: 5px;
	min-width: 232px; padding: 22px 28px;
	background: var(--bx-card);
	border: 1px solid var(--bx-line-gold);
	border-radius: 3px;
	text-align: center;
}
.bx-marquee__name {
	font-family: var(--bx-display); font-size: 21px; font-weight: 600;
	color: var(--bx-accent); line-height: 1.2;
}
.bx-marquee__place {
	font-family: var(--bx-sans); font-size: 10px; font-weight: 700;
	letter-spacing: 0.22em; text-transform: uppercase; color: var(--bx-gold-deep);
}

/* Малко хотели → без въртене, просто центрирани */
.bx-marquee--static .bx-marquee__track {
	animation: none; width: 100%;
	justify-content: center; flex-wrap: wrap;
}
.bx-marquee--static .bx-marquee__viewport {
	-webkit-mask-image: none; mask-image: none;
}

@media (prefers-reduced-motion: reduce) {
	.bx-marquee__track { animation: none; flex-wrap: wrap; width: 100%; justify-content: center; }
	.bx-marquee__viewport { -webkit-mask-image: none; mask-image: none; }
}

/* Стъпките на едро */
.bx-b2b-steps { background: var(--bx-paper-warm); padding: clamp(48px, 7vw, 88px) 0; }
.bx-b2b-steps__grid {
	display: grid; gap: clamp(20px, 2.6vw, 34px);
	grid-template-columns: 1fr; margin: 0; padding: 0; list-style: none;
	counter-reset: none;
}
@media (min-width: 640px) { .bx-b2b-steps__grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1040px) { .bx-b2b-steps__grid { grid-template-columns: repeat(4, 1fr); } }
.bx-b2b-steps__grid li { margin: 0; padding-top: 22px; border-top: 1px solid var(--bx-line-gold); }
.bx-b2b-steps__n {
	display: block; font-family: var(--bx-display); font-size: 30px; font-weight: 700;
	color: var(--bx-gold); line-height: 1; margin-bottom: 12px;
	font-variant-numeric: lining-nums; font-feature-settings: "lnum" 1;
}
.bx-b2b-steps__grid h3 { font-family: var(--bx-serif); font-size: 18.5px; margin: 0 0 7px; }
.bx-b2b-steps__grid p { margin: 0; color: var(--bx-ink-soft); font-size: 15.5px; line-height: 1.62; }

/* Контактният блок */
.bx-b2b-contact { padding: clamp(48px, 7vw, 88px) 0; }
.bx-b2b-contact__in {
	display: grid; gap: clamp(28px, 4vw, 56px);
	align-items: start;
}
@media (min-width: 900px) { .bx-b2b-contact__in { grid-template-columns: 1fr 1fr; } }

.bx-b2b-contact__card {
	background: var(--bx-card);
	border: 1px solid var(--bx-line-gold);
	border-radius: 4px;
	padding: clamp(24px, 3vw, 40px);
}
.bx-b2b-contact__row {
	display: flex; align-items: center; gap: 14px;
	padding: 16px 0; border-bottom: 1px solid var(--bx-line-soft);
	text-decoration: none;
}
.bx-b2b-contact__row:last-child { border-bottom: 0; }
.bx-b2b-contact__row svg { flex-shrink: 0; color: var(--bx-gold-deep); }
.bx-b2b-contact__label {
	display: block; font-size: 10.5px; font-weight: 700;
	letter-spacing: 0.2em; text-transform: uppercase; color: var(--bx-ink-faint);
	margin-bottom: 3px;
}
.bx-b2b-contact__value {
	display: block; font-family: var(--bx-display); font-size: 23px; font-weight: 600;
	color: var(--bx-accent); line-height: 1.2; word-break: break-word;
	font-variant-numeric: lining-nums; font-feature-settings: "lnum" 1;
}
.bx-b2b-contact__value--sm { font-family: var(--bx-serif); font-size: 17px; color: var(--bx-ink); }

.bx-b2b-hint { margin: 0; padding: 0; list-style: none; }
.bx-b2b-hint li {
	position: relative; padding-left: 26px; margin-bottom: 12px;
	color: var(--bx-ink-soft); font-size: 15.5px; line-height: 1.6;
}
.bx-b2b-hint li::before {
	content: ""; position: absolute; left: 2px; top: 9px;
	width: 9px; height: 9px; border-radius: 50%;
	border: 1px solid var(--bx-gold);
}

.bx-b2b-contact__aside-title {
	font-family: var(--bx-serif); font-size: 20px; margin: 0 0 18px;
}
.bx-b2b-contact__note {
	margin: 22px 0 26px; padding: 16px 18px;
	background: var(--bx-accent-soft); border-radius: 3px;
	font-size: 15px; line-height: 1.6; color: var(--bx-accent-deep);
}

.bx-b2b-list { padding: clamp(40px, 6vw, 76px) 0; }
.bx-b2b-list__grid {
	display: grid; gap: 18px 34px;
	grid-template-columns: 1fr;
}
@media (min-width: 700px) { .bx-b2b-list__grid { grid-template-columns: repeat(2, 1fr); } }
.bx-b2b-list__grid strong { color: var(--bx-ink); }

.bx-b2b-embroidery { background: var(--bx-paper-warm); padding: clamp(48px, 7vw, 88px) 0; }
.bx-b2b-embroidery .bx-range__art { border: 1px solid var(--bx-line-gold); border-radius: 4px; }
.bx-b2b-embroidery .bx-art { max-width: 320px; }

/* ---------------------------------------------------------
   14. Продуктовата страница като landing
   --------------------------------------------------------- */

/* Котвата не бива да се крие под лепкавия хедър */
.bx-anchor { display: block; height: 0; scroll-margin-top: 96px; }

.bx-plp { display: block; }
.bx-plp .bx-gsm { padding-top: clamp(36px, 5vw, 64px); }

/* ---------------------------------------------------------
   15. Поръчка по телефон
   --------------------------------------------------------- */

/* Кутията е СТЕГНАТА нарочно: това е пряк път, не втора форма.
   Разтегната изглежда като още работа за клиента. */
.bx-quick {
	margin-top: 20px; padding: 16px 18px;
	background: var(--bx-paper-warm);
	border: 1px solid var(--bx-line-gold);
	border-radius: 4px;
}
.bx-quick__head {
	display: flex; align-items: center; gap: 8px;
	font-size: 11px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase;
	color: var(--bx-gold-deep); margin-bottom: 6px;
}
.bx-quick__hint {
	margin: 0 0 12px; font-size: 14.5px; line-height: 1.5; color: var(--bx-ink-soft);
}
.bx-quick__row { display: flex; flex-wrap: wrap; gap: 10px; }
/* ВНИМАНИЕ: main.css обръща този ред във вертикален под 480 px
   (наследено от store-one). В колона `flex-basis` става ВИСОЧИНА —
   заради това полето излизаше 190 px високо на телефон. Затова
   височината е изрична, а basis е `auto`. */
.bx-quick__row input {
	flex: 1 1 auto; min-width: 0;
	height: 52px; min-height: 52px;
	padding: 0 16px; font-size: 17px;
	background: var(--bx-card); color: var(--bx-ink);
	border: 1px solid var(--bx-line); border-radius: 2px;
}
.bx-quick__row input:focus { outline: 2px solid var(--bx-accent); outline-offset: 1px; }
.bx-quick__row .bx-btn {
	flex: 0 0 auto;
	height: 52px; min-height: 52px;
	padding: 0 22px;
}

/* На телефон кутията се стяга още — там всеки ред се брои. */
@media (max-width: 600px) {
	.bx-quick { padding: 14px 15px; margin-top: 16px; }
	.bx-quick__hint { font-size: 14px; margin-bottom: 10px; }
	.bx-quick__row .bx-btn { width: 100%; }
	.bx-quick__alt { font-size: 13px; }
}
.bx-quick__msg {
	margin: 12px 0 0; font-size: 15px; line-height: 1.55;
	color: var(--bx-accent-deep); font-weight: 600;
}
.bx-quick__msg.is-error { color: var(--bx-danger); }
.bx-quick.is-done { background: var(--bx-accent-soft); }
.bx-quick__alt {
	margin: 10px 0 0; font-size: 13.5px; line-height: 1.5; color: var(--bx-ink-soft);
}
.bx-quick__alt a {
	font-weight: 700; color: var(--bx-accent); text-decoration: none;
	white-space: nowrap;
}
.bx-quick__alt a:hover { text-decoration: underline; }
.bx-quick__alt span { color: var(--bx-ink-faint); white-space: nowrap; }

/* ---------------------------------------------------------
   16. „Добавихме го. Какво следва?“
   ---------------------------------------------------------
   Тихо отворената количка обърква. Питаме ясно, с два изхода.
   --------------------------------------------------------- */

.bx-added {
	position: fixed; inset: 0; z-index: 220;
	display: grid; place-items: center;
	padding: 20px;
	background: rgba(41, 39, 37, 0.5);
	opacity: 0; transition: opacity 0.24s var(--bx-ease);
	-webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);
}
.bx-added.is-open { opacity: 1; }

.bx-added__panel {
	width: min(100%, 460px);
	background: var(--bx-card);
	border: 1px solid var(--bx-line-gold);
	border-radius: 5px;
	padding: clamp(26px, 4vw, 38px);
	text-align: center;
	box-shadow: 0 40px 80px -30px rgba(41, 39, 37, 0.5);
	transform: translateY(12px) scale(0.985);
	transition: transform 0.3s var(--bx-ease);
}
.bx-added.is-open .bx-added__panel { transform: none; }

.bx-added__tick {
	display: grid; place-items: center;
	width: 58px; height: 58px; margin: 0 auto 16px;
	border-radius: 50%;
	background: var(--bx-accent); color: var(--bx-accent-ink);
}
.bx-added__title {
	font-family: var(--bx-display); font-size: clamp(23px, 3vw, 29px); font-weight: 600;
	margin: 0 0 6px; color: var(--bx-ink);
}
.bx-added__item {
	margin: 0 0 24px; font-size: 15.5px; color: var(--bx-ink-soft); line-height: 1.5;
}
.bx-added__item span {
	display: block; margin-top: 3px;
	font-size: 13px; letter-spacing: 0.1em; text-transform: uppercase;
	color: var(--bx-gold-deep); font-weight: 700;
}
.bx-added__actions { display: grid; gap: 10px; }
.bx-added__actions .bx-btn { width: 100%; }
.bx-added__cart {
	margin-top: 16px; padding: 6px;
	background: none; border: 0; cursor: pointer;
	font-size: 14.5px; color: var(--bx-ink-faint);
	text-decoration: underline; text-underline-offset: 4px;
}
.bx-added__cart:hover { color: var(--bx-ink); }

/* ---------------------------------------------------------
   17. Отметките на checkout-а
   ---------------------------------------------------------
   Купувачите са често възрастни хора: квадратчето е едро,
   целта за докосване е целият ред, а текстът не е ситен.
   --------------------------------------------------------- */

.woocommerce-terms-and-conditions-wrapper,
.bx-consent {
	margin: 18px 0 0;
	padding: 16px 18px;
	background: var(--bx-paper-warm);
	border: 1px solid var(--bx-line-gold);
	border-radius: 3px;
}
.bx-consent { margin-top: 12px; }

.woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox,
.bx-consent label {
	display: flex; align-items: flex-start; gap: 12px;
	margin: 0; cursor: pointer;
	font-size: 15.5px; line-height: 1.55; color: var(--bx-ink);
}
.woocommerce-terms-and-conditions-wrapper input[type="checkbox"],
.bx-consent input[type="checkbox"] {
	flex: 0 0 auto; width: 24px; height: 24px; margin: 0;
	accent-color: var(--bx-accent);
	cursor: pointer;
}
.woocommerce-terms-and-conditions-wrapper a { color: var(--bx-accent); font-weight: 600; }
.bx-consent label span:last-child { display: inline; }

/* Задължителната се отличава от доброволната */
.woocommerce-terms-and-conditions-wrapper { border-color: var(--bx-accent); }
.woocommerce-terms-and-conditions-wrapper .required { color: var(--bx-accent); }
.bx-consent { background: var(--bx-card); }

.woocommerce-privacy-policy-text {
	margin: 14px 0 0; font-size: 14px; line-height: 1.6; color: var(--bx-ink-faint);
}
.woocommerce-privacy-policy-text a { color: var(--bx-accent); }

/* ---------------------------------------------------------
   18. Предимствата
   ---------------------------------------------------------
   Без кутии: четири колони, разделени със златни нишки, знак
   отгоре и косъм-линия под заглавието. Кутиите вече ги има в
   асортимента и в продуктите — тук се иска въздух.
   --------------------------------------------------------- */

.bx-usp {
	background: var(--bx-paper-warm);
	padding: clamp(48px, 7vw, 88px) 0;
	border-top: 1px solid var(--bx-line-gold);
	border-bottom: 1px solid var(--bx-line-gold);
}
.bx-usp::before { opacity: 0.34; }

.bx-usp__grid {
	display: grid; gap: clamp(30px, 4vw, 0px);
	grid-template-columns: 1fr;
	margin: 0; padding: 0; list-style: none;
}
@media (min-width: 620px) { .bx-usp__grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .bx-usp__grid { grid-template-columns: repeat(4, 1fr); } }

.bx-usp__grid li {
	position: relative;
	margin: 0;
	padding: 0 clamp(16px, 2.2vw, 30px);
	text-align: center;
}

/* Златната нишка между колоните — не след последната */
@media (min-width: 620px) {
	.bx-usp__grid li + li::before {
		content: ""; position: absolute; left: 0; top: 8px; bottom: 8px;
		width: 1px;
		background: linear-gradient(180deg, transparent, var(--bx-line-gold) 22%, var(--bx-line-gold) 78%, transparent);
	}
	.bx-usp__grid li:nth-child(3)::before { content: none; }
}
@media (min-width: 1000px) {
	.bx-usp__grid li:nth-child(3)::before { content: ""; }
}

.bx-usp__mark {
	display: grid; place-items: center;
	width: 62px; height: 62px; margin: 0 auto 18px;
	border-radius: 50%;
	background: var(--bx-card);
	box-shadow: 0 0 0 1px var(--bx-line-gold);
	color: var(--bx-gold-deep);
	transition: transform 0.42s var(--bx-ease), box-shadow 0.42s var(--bx-ease);
}
.bx-usp__icon { display: block; width: 30px; height: 30px; }
.bx-usp__grid li:hover .bx-usp__mark {
	transform: translateY(-3px);
	box-shadow: 0 0 0 1px var(--bx-gold), 0 14px 26px -14px rgba(41, 39, 37, 0.4);
}

.bx-usp__grid h3 {
	font-family: var(--bx-serif);
	font-size: 18.5px; font-weight: 600; line-height: 1.3;
	margin: 0 0 12px; color: var(--bx-ink);
}
.bx-usp__grid h3::after {
	content: ""; display: block;
	width: 30px; height: 1px; margin: 12px auto 0;
	background: var(--bx-gold); opacity: 0.7;
}
.bx-usp__grid p {
	margin: 0; font-size: 15.5px; line-height: 1.66;
	color: var(--bx-ink-soft);
	max-width: 30ch; margin-inline: auto;
}

/* ---------------------------------------------------------
   19. Навигация на каталога
   ---------------------------------------------------------
   Строена за магазин, който ще расте. Всяка част се скрива
   сама, когато няма какво да покаже — днес четири халата не
   изглеждат погребани под филтри.
   --------------------------------------------------------- */

.bx-shopnav {
	margin: 0 0 clamp(28px, 4vw, 44px);
	padding-bottom: clamp(20px, 3vw, 30px);
	border-bottom: 1px solid var(--bx-line-gold);
}

.bx-shopnav:empty { display: none; margin: 0; padding: 0; border: 0; }

/* Лентата с групите — навигация, не стока */
.bx-shopnav__cats {
	display: flex; flex-wrap: wrap; gap: 8px;
	margin-bottom: 18px;
}
.bx-chip {
	display: inline-flex; align-items: center; gap: 8px;
	min-height: 44px; padding: 0 20px;
	background: var(--bx-card);
	border: 1px solid var(--bx-line-soft);
	border-radius: 999px;
	font-family: var(--bx-sans); font-size: 14.5px; font-weight: 600;
	color: var(--bx-ink); text-decoration: none;
	transition: border-color 0.22s var(--bx-ease), background 0.22s var(--bx-ease),
		color 0.22s var(--bx-ease);
}
.bx-chip span {
	font-size: 11.5px; font-weight: 700; color: var(--bx-ink-faint);
	font-variant-numeric: lining-nums;
}
.bx-chip:hover { border-color: var(--bx-gold); }
.bx-chip.is-on {
	background: var(--bx-accent); border-color: var(--bx-accent);
	color: var(--bx-accent-ink);
}
.bx-chip.is-on span { color: rgba(255, 255, 255, 0.72); }

/* Пътечка */
.bx-crumbs {
	display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
	margin-bottom: 18px;
	font-family: var(--bx-sans); font-size: 13.5px;
}
.bx-crumbs a { color: var(--bx-ink-faint); text-decoration: none; }
.bx-crumbs a:hover { color: var(--bx-accent); text-decoration: underline; text-underline-offset: 3px; }
.bx-crumbs span { color: var(--bx-gold); }
.bx-crumbs strong { color: var(--bx-ink); font-weight: 600; }

/* Плочките на категориите — първата стъпка в магазина */
.bx-shop ul.products li.product-category,
ul.products li.bx-cat {
	background: none; border: 0; padding: 0; border-radius: 0;
	overflow: visible;
}
.bx-cat__link {
	display: flex; flex-direction: column; height: 100%;
	background: var(--bx-card);
	border: 1px solid var(--bx-line-soft);
	border-radius: 4px; overflow: hidden;
	text-decoration: none; color: inherit;
	transition: transform 0.32s var(--bx-ease), box-shadow 0.32s var(--bx-ease),
		border-color 0.32s var(--bx-ease);
}
.bx-cat__link:hover {
	transform: translateY(-5px);
	border-color: var(--bx-line-gold);
	box-shadow: 0 28px 52px -28px rgba(41, 39, 37, 0.42);
}
.bx-cat__art {
	display: grid; place-items: center;
	padding: clamp(20px, 2.6vw, 32px);
	background:
		radial-gradient(64% 58% at 50% 42%, #FFFCF7 0%, rgba(255, 252, 247, 0) 76%),
		linear-gradient(166deg, var(--bx-paper-2) 0%, var(--bx-paper-warm) 100%);
	border-bottom: 1px solid var(--bx-line-gold);
}
.bx-cat__art .bx-art { max-width: 250px; }
.bx-cat__img { width: 100%; height: auto; border-radius: 3px; }
.bx-cat__body { padding: clamp(18px, 2.2vw, 26px); display: flex; flex-direction: column; gap: 7px; flex: 1; }
.bx-cat__name {
	font-family: var(--bx-serif); font-size: 21px; font-weight: 600; line-height: 1.25;
	color: var(--bx-ink);
}
.bx-cat__desc { font-size: 14.5px; line-height: 1.6; color: var(--bx-ink-soft); }
.bx-cat__count {
	display: flex; align-items: center; justify-content: space-between; gap: 10px;
	margin-top: auto; padding-top: 14px;
	border-top: 1px solid var(--bx-line-soft);
	font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase;
	color: var(--bx-gold-deep);
}
.bx-cat__arrow { color: var(--bx-accent); font-size: 15px; transition: transform 0.28s var(--bx-ease); }
.bx-cat__link:hover .bx-cat__arrow { transform: translateX(4px); }

.bx-shopnav .woocommerce-ordering { margin: 0; flex: 0 0 auto; }
.bx-shopnav .woocommerce-ordering select {
	min-height: 50px; padding: 0 38px 0 16px;
	background: var(--bx-card);
	border: 1px solid var(--bx-line); border-radius: 3px;
	font-size: 15px; color: var(--bx-ink);
}

/* Филтрите — само вътре в категория */
.bx-shopnav__filters {
	display: flex; flex-wrap: wrap; align-items: center; gap: 14px 26px;
}
.bx-shopnav__right { margin-left: auto; display: flex; align-items: center; gap: 16px; }
.bx-shopnav__filters--bare { justify-content: flex-end; }
.bx-filter { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.bx-filter__label {
	font-size: 10.5px; font-weight: 700; letter-spacing: 0.2em;
	text-transform: uppercase; color: var(--bx-gold-deep);
}
.bx-filter__colors { display: flex; flex-wrap: wrap; gap: 7px; }
.bx-filter__color {
	display: block; width: 30px; height: 30px;
	border-radius: 50%;
	border: 1px solid var(--bx-line);
	background-size: cover; background-position: center;
	transition: transform 0.2s var(--bx-ease), box-shadow 0.2s var(--bx-ease);
}
.bx-filter__color:hover { transform: translateY(-2px) scale(1.08); }
.bx-filter__color.is-on {
	transform: scale(1.1);
	box-shadow: 0 0 0 2px var(--bx-paper), 0 0 0 3.5px var(--bx-accent);
}

.bx-filter__sizes { display: flex; flex-wrap: wrap; gap: 6px; }
.bx-filter__size {
	display: inline-flex; align-items: center; justify-content: center;
	min-height: 38px; min-width: 44px; padding: 0 12px;
	background: var(--bx-card);
	border: 1px solid var(--bx-line-soft); border-radius: 2px;
	font-family: var(--bx-sans); font-size: 13.5px; font-weight: 600;
	color: var(--bx-ink); text-decoration: none;
	transition: border-color 0.2s var(--bx-ease), background 0.2s var(--bx-ease),
		color 0.2s var(--bx-ease);
}
.bx-filter__size:hover { border-color: var(--bx-gold); }
.bx-filter__size.is-on {
	background: var(--bx-accent); border-color: var(--bx-accent);
	color: var(--bx-accent-ink);
}

.bx-filter__clear {
	font-size: 14px; color: var(--bx-accent); font-weight: 600;
	text-decoration: underline; text-underline-offset: 4px;
}

@media (max-width: 600px) {
	.bx-shopnav__tools { flex-direction: column; align-items: stretch; }
	.bx-shopnav .woocommerce-ordering select { width: 100%; }
	.bx-filter { align-items: flex-start; flex-direction: column; gap: 8px; }
}

/* ---------------------------------------------------------
   20. Дребни фирмени докосвания
   --------------------------------------------------------- */

/* Цената и акцентите вече са бордо — да не изгубят контраст
   върху кремавата хартия. */
.bx-gsm__item--ours { border-color: var(--bx-accent); }
.bx-gsm__badge,
.bx-range__badge { letter-spacing: 0.14em; }

/* Мострите за цвят получават златен кант, вместо сив */
.bx-colors__chip { box-shadow: 0 0 0 1px var(--bx-line-gold), 0 2px 10px rgba(41, 39, 37, 0.08); }

/* Селекцията в текста — бордо, не системното синьо */
::selection { background: var(--bx-accent); color: #fff; }

/* Фокусът също минава на фирмения цвят */
:focus-visible { outline: 2px solid var(--bx-accent); outline-offset: 3px; }