/* Relaxiram (Django) – малки отклонения от theme.css по желание на собственика (23.10.2026).
   1) Свит екран (таблет / тесен прозорец 681–1080 px): големият банер остава като на компютър – текстът вляво, снимката вдясно
      (theme.css го подрежда едно под друго под 1080 px). На телефон (до 680 px) остава едно под друго. */
@media (min-width: 681px) and (max-width: 1080px) {
	.rlx-hero__slide--design { grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 18px; min-height: 0; padding: 36px 26px 112px 34px; text-align: left; align-items: center; }
	.rlx-hero__title { font-size: clamp(28px, 4.2vw, 40px); margin-bottom: 14px; }
	.rlx-hero__lead { margin: 0 0 22px; font-size: 15px; max-width: 420px; }
	.rlx-hero__cta { justify-content: flex-start; }
	.rlx-hero .rlx-kicker { justify-content: flex-start; }
	.rlx-hero__art { height: 330px; max-width: none; width: auto; margin: 0; }
	.rlx-hero__badge { width: 84px; left: 2%; top: 8px; }
	.rlx-hero__chip { right: -2px; bottom: 10px; }
	.rlx-hero__controls { bottom: 66px; }
	.rlx-hero__sprig--1, .rlx-hero__sprig--2 { width: 130px; }
}

/* 2) Теми по главни категории (23.10.2026): всяка главна категория със свой цвят и символ – Градина зелено (цвете), Wellness синьо (капка),
      Интериор теракота (фотьойл), Хоби и инструменти графит (инструменти), Зоо кехлибар (лапа). Класовете: rlx-tone--c-<ключ> на картите,
      rlx-cat-<ключ> на body (страници на категория и продукт) и на елемента в менюто. Компонентите четат --rlx-bordo/--rlx-grad/… и
      се прецветяват през променливите, вкл. блоковете на описанията (--rlxb-*). */
.rlx-tone--c-garden, .rlx-cat-garden { --t: #45703f; --t-d: #2f4d35; --t-l: #6f9562; --t-tint: #f0f4ea; --t-tint2: #dde7d0; --t-rgb: 69, 112, 63; --t-grad: linear-gradient(115deg, #2b4630 0%, #3a5f3d 46%, #567d4b 100%); }
.rlx-tone--c-wellness, .rlx-cat-wellness { --t: #2f6f86; --t-d: #1f4a5c; --t-l: #5b9bb0; --t-tint: #e8f1f4; --t-tint2: #cfe1e7; --t-rgb: 47, 111, 134; --t-grad: linear-gradient(115deg, #1f4a5c 0%, #2f6f86 46%, #4a93a8 100%); }
.rlx-tone--c-interior, .rlx-cat-interior { --t: #b5603a; --t-d: #7a3d22; --t-l: #d08a5e; --t-tint: #f7ebe2; --t-tint2: #eed7c6; --t-rgb: 181, 96, 58; --t-grad: linear-gradient(115deg, #7a3d22 0%, #b5603a 46%, #d08a5e 100%); }
.rlx-tone--c-hobby, .rlx-cat-hobby { --t: #4b4f9c; --t-d: #2f336b; --t-l: #7a7ec4; --t-tint: #ecedf7; --t-tint2: #d9dbef; --t-rgb: 75, 79, 156; --t-grad: linear-gradient(115deg, #2f336b 0%, #4b4f9c 46%, #7a7ec4 100%); }
.rlx-tone--c-zoo, .rlx-cat-zoo { --t: #b8901c; --t-d: #7d5f0c; --t-l: #d9b54a; --t-tint: #faf3dc; --t-tint2: #f1e3b3; --t-rgb: 184, 144, 28; --t-grad: linear-gradient(115deg, #7d5f0c 0%, #b8901c 46%, #d9b54a 100%); }

/* картите с тема и съдържанието на страниците с тема четат цветовете на темата */
[class*="rlx-tone--c-"], [class*="rlx-cat-"] .rlx-main, .rlx-nav__item[class*="rlx-cat-"] .rlx-mega {
	--rlx-bordo: var(--t); --rlx-berry: var(--t-l); --rlx-grad: var(--t-grad); --rlx-blush: var(--t-tint); --rlx-blush-2: var(--t-tint2);
	--rlx-green-d: var(--t-d); --rlx-green: var(--t); --rlx-green-l: var(--t-l); --rlx-sage-l: var(--t-tint); --rlx-sage-m: var(--t-tint2); --rlx-grad-green: var(--t-grad);
	--rlxb-primary: var(--t); --rlxb-grad: var(--t-grad); --rlxb-leaf: var(--t); --rlxb-navy: var(--t-d);
}
[class*="rlx-tone--c-"] .rlx-kicker, [class*="rlx-cat-"] .rlx-main .rlx-kicker { color: var(--t-d); }

/* лентата на компютър остава както е (иконите бели на бордо); в мобилното меню – светло кръгче в тона на категорията с цветна икона */
.rlx-offcanvas .rlx-acc--0 > li > .rlx-acc__row a .rlx-ico--garden { background: #e4eedb; color: #3a5f3d; }
.rlx-offcanvas .rlx-acc--0 > li > .rlx-acc__row a .rlx-ico--wellness { background: #dcecf2; color: #2f6f86; }
.rlx-offcanvas .rlx-acc--0 > li > .rlx-acc__row a .rlx-ico--interior { background: #f6e3d6; color: #b5603a; }
.rlx-offcanvas .rlx-acc--0 > li > .rlx-acc__row a .rlx-ico--hobby { background: #ecedf7; color: #4b4f9c; }
.rlx-offcanvas .rlx-acc--0 > li > .rlx-acc__row a .rlx-ico--zoo { background: #faf3dc; color: #b8901c; }
/* активната група и бутонът „Разгледай“ в голямото меню – в цвета на категорията */
.rlx-nav__item[class*="rlx-cat-"] .rlx-mega__tab.is-active { background: linear-gradient(90deg, var(--t-tint2) 0%, var(--t-tint) 100%); }
.rlx-nav__item[class*="rlx-cat-"] .rlx-mega__feat { background: linear-gradient(160deg, var(--t-tint) 0%, var(--t-tint2) 100%); }

/* хедърът на категорията без снимка, подкатегориите, картите на началната */
.rlx-chead--tint[class*="rlx-tone--c-"] {
	background:
		radial-gradient(640px 420px at 88% -10%, rgba(255, 255, 255, .85), rgba(255, 255, 255, 0) 62%),
		radial-gradient(640px 480px at -8% 120%, rgba(var(--t-rgb), .3), rgba(var(--t-rgb), 0) 62%),
		linear-gradient(118deg, var(--t-tint2) 0%, #faf7f2 50%, var(--t-tint) 100%);
}
.rlx-subcard[class*="rlx-tone--c-"] a { background: linear-gradient(150deg, #fff 0%, var(--t-tint) 45%, var(--t-tint2) 100%); }
.rlx-subcard[class*="rlx-tone--c-"] .rlx-subcard__ico { color: var(--t-d); }
.rlx-hcard[class*="rlx-tone--c-"] .rlx-hcard__top { background: var(--t-grad); }
.rlx-hcard[class*="rlx-tone--c-"] .rlx-hcard__subs .rlx-cthumb.is-icon { color: var(--t-d); background: var(--t-tint); }
.rlx-hcard[class*="rlx-tone--c-"] .rlx-hcard__all { background: var(--t-tint); color: var(--t-d); }
.rlx-hcard[class*="rlx-tone--c-"] .rlx-hcard__all:hover { background: var(--t-grad); color: #fff; }
.rlx-cblock[class*="rlx-tone--c-"] .rlx-cblock__card, .rlx-cblock[class*="rlx-tone--c-"] .rlx-cblock__more .rlx-cblock__thumb, .rlx-cats--split [class*="rlx-tone--c-"] .rlx-cat__body { background: var(--t-grad); }
.rlx-cblock[class*="rlx-tone--c-"] .rlx-cblock__thumb, [class*="rlx-tone--c-"] .rlx-cat__pic.is-cut, [class*="rlx-tone--c-"] .rlx-cat__pic.is-icon { background: linear-gradient(150deg, #fff, var(--t-tint2)); }
.rlx-cats--photo [class*="rlx-tone--c-"]:not(.has-photo) .rlx-cat__link { background: radial-gradient(260px 220px at 50% 34%, rgba(255, 255, 255, .16), rgba(255, 255, 255, 0) 70%), var(--t-grad); }
[class*="rlx-tone--c-"] .rlx-cat__ico, .rlx-cblock[class*="rlx-tone--c-"] .rlx-cblock__circle, .rlx-cblock[class*="rlx-tone--c-"] .rlx-cblock__all { color: var(--t-d); }
/* хедър със снимка: малкият надпис остава светъл/тъмен според снимката, не в цвета на темата */
[class*="rlx-cat-"] .rlx-main .rlx-chead--photo.rlx-chead--light .rlx-kicker { color: #fff; }
[class*="rlx-cat-"] .rlx-main .rlx-chead--photo.rlx-chead--dark .rlx-kicker { color: var(--t-d); }

/* 6) Страничните цветя (23.10): по-големи, по-ниско и по-навътре към съдържанието (собственикът: „цветята са много малки“) */
@media (min-width: 1400px) {
	.rlx-page::before, .rlx-page::after { top: 250px; width: min(620px, calc((100vw - var(--rlx-wrap)) / 2 + 240px)); }
}

/* 7) Снимките на продукта (23.10): без добавен фон и без смесване – снимката се показва каквато е */
.woocommerce div.product div.images { background: #fff; }
.woocommerce div.product div.images img { mix-blend-mode: normal; }

/* 8) Иконката пред малкия надпис (кикър) – 23.10: цветенцето само за градината; капка за басейни/wellness, пламък за сауни, искрица за общите секции */
:root { --rlx-kicker-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23e0a92c'%3E%3Cpath d='M12 2l1.8 6.2L20 10l-6.2 1.8L12 18l-1.8-6.2L4 10l6.2-1.8L12 2Z'/%3E%3Ccircle cx='19' cy='4' r='1.6'/%3E%3Ccircle cx='5' cy='19' r='1.6'/%3E%3C/g%3E%3C/svg%3E"); }
.rlx-kicker::before { background-image: var(--rlx-kicker-icon); }
.rlx-kicker--flower, body.rlx-cat-garden .rlx-main .rlx-kicker, .rlx-tone--c-garden .rlx-kicker { --rlx-kicker-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23e98aa8'%3E%3Ccircle cx='12' cy='6' r='4.2'/%3E%3Ccircle cx='17.7' cy='10.2' r='4.2'/%3E%3Ccircle cx='15.5' cy='17' r='4.2'/%3E%3Ccircle cx='8.5' cy='17' r='4.2'/%3E%3Ccircle cx='6.3' cy='10.2' r='4.2'/%3E%3C/g%3E%3Ccircle cx='12' cy='12' r='3' fill='%23f6c94c'/%3E%3C/svg%3E"); }
.rlx-kicker--drop, body.rlx-cat-wellness .rlx-main .rlx-kicker, .rlx-tone--c-wellness .rlx-kicker { --rlx-kicker-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%232f6f86'%3E%3Cpath d='M12 2.5c3.6 4.6 6.5 8.1 6.5 12a6.5 6.5 0 0 1-13 0c0-3.9 2.9-7.4 6.5-12Z'/%3E%3Cpath fill='%23fff' fill-opacity='.55' d='M9.2 14.6a1 1 0 0 1 1 .9 2 2 0 0 0 1.9 1.8 1 1 0 1 1-.1 2 4 4 0 0 1-3.8-3.7 1 1 0 0 1 1-1Z'/%3E%3C/g%3E%3C/svg%3E"); }
.rlx-kicker--sofa, body.rlx-cat-interior .rlx-main .rlx-kicker, .rlx-tone--c-interior .rlx-kicker { --rlx-kicker-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23b5603a'%3E%3Cpath d='M21 10c-1.1 0-2 .9-2 2v3H5v-3c0-1.1-.9-2-2-2s-2 .9-2 2v5c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2v-5c0-1.1-.9-2-2-2Zm-3-5H6c-1.1 0-2 .9-2 2v2.15c1.16.41 2 1.51 2 2.82V15h12v-3.03c0-1.31.84-2.41 2-2.82V7c0-1.1-.9-2-2-2Z'/%3E%3C/g%3E%3C/svg%3E"); }
.rlx-kicker--wrench, body.rlx-cat-hobby .rlx-main .rlx-kicker, .rlx-tone--c-hobby .rlx-kicker { --rlx-kicker-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%234b4f9c'%3E%3Cpath d='M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 7.6 7.6 3.3 3.3c-1.3 2.4-.8 5.4 1.3 7.4 1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l1.6-1.6c.5-.4.5-1.1.1-1.4Z'/%3E%3C/g%3E%3C/svg%3E"); }
.rlx-kicker--paw, body.rlx-cat-zoo .rlx-main .rlx-kicker, .rlx-tone--c-zoo .rlx-kicker { --rlx-kicker-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23b8901c'%3E%3Cellipse cx='7.2' cy='9.3' rx='2.1' ry='2.7'/%3E%3Cellipse cx='16.8' cy='9.3' rx='2.1' ry='2.7'/%3E%3Cellipse cx='10' cy='5.6' rx='2' ry='2.6'/%3E%3Cellipse cx='14' cy='5.6' rx='2' ry='2.6'/%3E%3Cpath d='M12 11c2.8 0 4.3 2.3 5.4 3.8 1 1.3 1.6 2.3 1.6 3.4 0 1.6-1.3 2.8-3 2.8-1.3 0-2.3-.8-4-.8s-2.7.8-4 .8c-1.7 0-3-1.2-3-2.8 0-1.1.6-2.1 1.6-3.4C7.7 13.3 9.2 11 12 11Z'/%3E%3C/g%3E%3C/svg%3E"); }
.rlx-kicker--flame { --rlx-kicker-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23d9622b'%3E%3Cpath d='M13.5 1.5c.4 3.4-1.2 5.2-2.8 6.9C9 10.2 7.5 12 7.5 15a4.5 4.5 0 0 0 9 0c0-1.4-.5-2.6-1.3-3.6-.2 1.1-.9 2-1.9 2.4.6-2.6-.3-5.3-2.4-7a7 7 0 0 1 2.6-5.3Z'/%3E%3Cpath fill='%23fff' fill-opacity='.5' d='M12 20.5a2.5 2.5 0 0 1-2.5-2.5c0-1.3.9-2 1.5-3 .4.9 1.1 1.3 1.6 2 .5.6.9 1 .9 1.9a2.5 2.5 0 0 1-1.5 1.6Z'/%3E%3C/g%3E%3C/svg%3E"); }
.rlx-kicker--tag { --rlx-kicker-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23b8365a'%3E%3Cpath d='M2.5 12.6V4.5a2 2 0 0 1 2-2h8.1a2 2 0 0 1 1.4.6l7.4 7.4a2 2 0 0 1 0 2.8l-8.1 8.1a2 2 0 0 1-2.8 0L3.1 14a2 2 0 0 1-.6-1.4Z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.8' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E"); }
.rlx-kicker--leaf { --rlx-kicker-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%2345703f'%3E%3Cpath d='M20 3.5c-9 0-15 4.5-15 11 0 1.3.3 2.5.8 3.6L3 21l1.4 1 2.9-3c1 .6 2.2 1 3.5 1 6.5 0 9.2-6.5 9.2-16.5Z'/%3E%3Cpath fill='%23fff' fill-opacity='.5' d='M7.5 18.5c2-5 5-8.5 9-11-5 1.5-8.5 5-10.5 10.5Z'/%3E%3C/g%3E%3C/svg%3E"); }
.rlx-kicker--spark { --rlx-kicker-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23e0a92c'%3E%3Cpath d='M12 2l1.8 6.2L20 10l-6.2 1.8L12 18l-1.8-6.2L4 10l6.2-1.8L12 2Z'/%3E%3Ccircle cx='19' cy='4' r='1.6'/%3E%3Ccircle cx='5' cy='19' r='1.6'/%3E%3C/g%3E%3C/svg%3E"); }

/* 9) Мърчандайзинг (23.10): лента до безплатна доставка в количката, секциите „Може да ви хареса“ / „Клиентите купиха също“ / „Още от марката“ */
.rlx-shipbar { margin: 0 0 22px; padding: 14px 18px; border-radius: 14px; background: #fff; box-shadow: var(--rlx-shadow-sm); }
.rlx-shipbar__text { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; font-size: 14.5px; }
.rlx-shipbar__text svg { color: var(--rlx-green-d, #2f5d34); flex: none; }
.rlx-shipbar__track { height: 8px; border-radius: 999px; background: #f1e4e7; overflow: hidden; }
.rlx-shipbar__fill { display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg, var(--rlx-bordo), #e98aa8); transition: width .4s; }
.rlx-shipbar.is-done .rlx-shipbar__fill { background: var(--rlx-green-d, #2f5d34); }
.rlx-cross, .rlx-merch { margin: 34px 0 0; }
.rlx-cross h2, .rlx-merch h2 { margin: 0 0 18px; font: 700 24px/1.2 var(--rlx-serif); }

/* 10) Описанията с блокове (Relaxiram Blocks, рендирано HTML от WordPress): колоните на WP нямат CSS извън WordPress */
.rlx-content .wp-block-columns { display: flex; flex-wrap: wrap; gap: clamp(16px, 2vw, 28px); margin: 0 0 28px; }
.rlx-content .wp-block-column { flex: 1 1 0; min-width: 0; }
@media (max-width: 680px) { .rlx-content .wp-block-column { flex-basis: 100%; } }

/* 11) Тематични градински блокове (собственикът, 23.10): светъл хедър в тон „сейдж“ с листа, зелени акценти – четим и модерен */
.rlx-content .rlxb-garden { background: linear-gradient(120deg, #f4f8ef 0%, #e6efdc 55%, #d9e6cf 100%); color: #1f2a22; }
.rlx-content .rlxb-garden::before { content: ""; position: absolute; left: -10px; bottom: -40px; width: 230px; height: 230px; background: url("/static/relaxiram/img/flowers/apple-blossom_3.webp") no-repeat center / contain; pointer-events: none; z-index: 0; }
.rlx-content .rlxb-garden::after { content: ""; position: absolute; right: -20px; top: -30px; width: 340px; height: 340px; background: url("/static/relaxiram/img/flowers/ivy_v7-20-sm.webp") no-repeat right top / contain; opacity: .95; pointer-events: none; z-index: 0; }
.rlx-content .rlxb-garden > * { position: relative; z-index: 1; }
.rlx-content .rlxb-garden .rlxb-phero__txt { padding-bottom: 64px; }
.rlx-content .rlxb-garden .rlxb-phero__kick { color: #45703f; }
.rlx-content .rlxb-garden .rlxb-phero__title { color: #1f2a22; }
.rlx-content .rlxb-garden .rlxb-phero__title em { color: #45703f; }
.rlx-content .rlxb-garden .rlxb-phero__lead { color: #3c4a40; }
.rlx-content .rlxb-garden .rlxb-chips li { background: #fff; color: #2f4d35; box-shadow: 0 4px 14px rgba(69,112,63,.12); }
.rlx-content .rlxb-garden .rlxb-chips li svg { color: #45703f; }
.rlx-content .rlxb-garden .rlxb-phero__img { background: #fff; border-radius: 22px; box-shadow: 0 18px 40px rgba(47,77,53,.16); padding: 18px; }
.rlx-content .rlxb-garden .rlxb-phero__img img { border-radius: 14px; }

/* 12a) Подсказките на търсенето да са над лентата с менюто (хедърът е контекст на подреждане под навигацията) */
.rlx-header:has(.rlx-suggest:not([hidden])) { z-index: 95; }

/* 12) Checkout на една страница (23.10): вход/регистрация в две колони (gateway.html) и поръчката на една страница (one_page.html) –
   формата 60 % / обобщението 40 % (sticky) на компютър, една колона на телефон; раздели с номера; обобщението в тон „бланш“ */
.woocommerce-checkout .rlx-gate { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: start; }
.woocommerce-checkout .rlx-gate__col { padding: 26px 28px; border: 1.5px solid var(--rlx-line, #e6ddd2); border-radius: 22px; background: #fff; }
.woocommerce-checkout .rlx-gate__register { background: var(--rlx-blush, #fbeff3); border-color: transparent; }
.woocommerce-checkout .rlx-gate__col h3 { display: flex; align-items: center; gap: 10px; margin: 0 0 16px; font-size: 22px !important; }
.woocommerce-checkout .rlx-gate__col h3 .rlx-ico { color: var(--rlx-bordo, #8b1d2c); }
.woocommerce-checkout .rlx-gate .rlx-checkout-form { max-width: none; }
.woocommerce-checkout .rlx-gate .rlx-actions { margin-top: 10px; }
.woocommerce-checkout .rlx-gate .rlx-club-register { font-size: 14px; }
.woocommerce-checkout .rlx-opc__grid { display: grid; grid-template-columns: minmax(0, 3fr) minmax(300px, 2fr); gap: 32px; align-items: start; }
.woocommerce-checkout .rlx-opc__sec { padding: 22px 24px 8px; border: 1.5px solid var(--rlx-line, #e6ddd2); border-radius: 22px; background: #fff; margin: 0 0 18px; }
.woocommerce-checkout .rlx-opc__sec > h3 { display: flex; align-items: center; gap: 12px; margin: 0 0 16px; font-size: 21px !important; }
.woocommerce-checkout .rlx-opc__num { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: var(--rlx-grad, #8b1d2c); color: #fff; font-size: 15px; font-weight: 700; flex: none; }
.woocommerce-checkout .rlx-opc__sec .rlx-courier { margin-bottom: 0; }
.woocommerce-checkout .rlx-opc__sec ul.payment_methods { margin: 0 0 8px; padding: 0; list-style: none; }
.woocommerce-checkout .rlx-opc .rlx-pay label { align-items: center; }
.woocommerce-checkout .rlx-opc .rlx-pay .rlx-pay__logo { display: inline-flex; width: 44px; height: 28px; flex: none; align-items: center; justify-content: center; }
.woocommerce-checkout .rlx-opc .rlx-pay .rlx-pay__logo svg { max-width: 44px; max-height: 28px; }
.woocommerce-checkout .rlx-opc .rlx-pay__test { color: #b45309; font-weight: 500; }
.woocommerce-checkout .rlx-opc .rlx-pay__fee { color: var(--rlx-muted, #7a6f66); font-weight: 500; }
.woocommerce-checkout .rlx-opc .rlx-pay .rlx-ship-desc { margin: 6px 0 0 28px; font-size: 13px; color: var(--rlx-muted, #7a6f66); }
.woocommerce-checkout .rlx-opc .rlx-pay .rlx-pay__redir { display: none; }
.woocommerce-checkout .rlx-opc .rlx-pay.is-on .rlx-pay__redir { display: block; }
.woocommerce-checkout .rlx-opc .rlx-invoice-fields { margin: 0 0 16px; }
.woocommerce-checkout .rlx-opc__aside { position: sticky; top: 90px; }
.woocommerce-checkout .rlx-opc__review { padding: 22px 24px; border-radius: 22px; background: var(--rlx-blush, #fbeff3); }
.woocommerce-checkout .rlx-opc__review > h3 { display: flex; justify-content: space-between; align-items: baseline; margin: 0 0 12px; font-size: 21px !important; }
.woocommerce-checkout .rlx-opc__review > h3 .rlx-back { font-size: 13px; font-weight: 500; color: var(--rlx-muted, #7a6f66); }
.woocommerce-checkout .rlx-opc__review table.shop_table { margin: 0 0 12px; border: 0; background: transparent; }
.woocommerce-checkout .rlx-opc__review table.shop_table th, .woocommerce-checkout .rlx-opc__review table.shop_table td { padding: 10px 6px; border: 0; border-bottom: 1px solid rgba(139, 29, 44, .1); vertical-align: middle; background: transparent; }
.woocommerce-checkout .rlx-opc__review .product-thumbnail { width: 60px; padding-left: 0; }
.woocommerce-checkout .rlx-opc__review .product-thumbnail img { width: 56px; height: 56px; object-fit: cover; border-radius: 12px; background: #fff; }
.woocommerce-checkout .rlx-opc__review .product-name { font-size: 14px; }
.woocommerce-checkout .rlx-opc__review .product-name a { font-weight: 600; color: inherit; text-decoration: none; }
.woocommerce-checkout .rlx-opc__review .product-name .rlx-cart-sku { display: block; font-size: 12.5px; color: var(--rlx-muted, #7a6f66); }
.woocommerce-checkout .rlx-opc__review .product-total { text-align: right; white-space: nowrap; font-weight: 600; padding-right: 0; }
.woocommerce-checkout .rlx-opc__coupon { display: flex; gap: 8px; margin: 4px 0 14px; }
.woocommerce-checkout .rlx-opc__coupon .input-text { flex: 1 1 auto; min-width: 0; padding: 11px 16px; border: 1.5px solid #ecdfe5; border-radius: 14px; font: inherit; background: #fff; }
.woocommerce-checkout .rlx-opc__coupon .button { flex: none; padding: 10px 18px !important; font-size: 14px !important; }
.woocommerce-checkout .rlx-opc__totals th { width: 55%; text-align: left; font-weight: 500; padding-left: 0 !important; }
.woocommerce-checkout .rlx-opc__totals td { text-align: right; padding-right: 0 !important; }
.woocommerce-checkout .rlx-opc__totals .order-total th, .woocommerce-checkout .rlx-opc__totals .order-total td { border-bottom: 0; font-size: 18px; font-weight: 700; padding-top: 14px; }
.woocommerce-checkout .rlx-opc__totals .woocommerce-remove-coupon { border: 0; background: none; color: var(--rlx-bordo, #8b1d2c); font-size: 12px; cursor: pointer; padding: 0 4px; }
.woocommerce-checkout .rlx-opc__terms { margin: 10px 0 0 !important; font-size: 14px; }
.woocommerce-checkout .rlx-opc__terms label.checkbox { align-items: flex-start; font-weight: 500; }
.woocommerce-checkout .rlx-opc #place_order { margin-top: 14px; }
.woocommerce-checkout .rlx-opc .woocommerce-error { margin: 0 0 16px; }
@media (max-width: 960px) {
	.woocommerce-checkout .rlx-gate, .woocommerce-checkout .rlx-opc__grid { grid-template-columns: 1fr; }
	.woocommerce-checkout .rlx-opc__aside { position: static; }
	.woocommerce-checkout .rlx-opc__sec { padding: 18px 16px 4px; }
}
.woocommerce-checkout .rlx-opc fieldset.rlx-courier { border: 0; padding: 0; margin: 0 0 6px; min-width: 0; }

/* 13) Ябълковият цвят навсякъде в темата (собственикът, 25.10): същите изрязани цветове като отстрани на страницата – в ъглите на
   хедърите на описанията (всички категории), категорийните хедъри без снимка, бюлетина, входа при поръчка, „Благодарим“, 404, историята на началната */
.rlx-content .rlxb-phero { position: relative; }
.rlx-content .rlxb-phero:not(.rlxb-garden)::before { content: ""; position: absolute; left: -10px; bottom: -40px; width: 220px; height: 220px; background: url("/static/relaxiram/img/flowers/cherry-blossom_2.webp") no-repeat center / contain; pointer-events: none; z-index: 0; }
.rlx-content .rlxb-phero:not(.rlxb-garden) > * { position: relative; z-index: 1; }
.rlx-content .rlxb-phero:not(.rlxb-garden) .rlxb-phero__txt { padding-bottom: 56px; }
.rlx-chead { position: relative; overflow: hidden; }
.rlx-chead:not(.rlx-chead--photo)::after { content: ""; position: absolute; right: -20px; top: -20px; width: 300px; height: 300px; background: url("/static/relaxiram/img/flowers/ivy_v7-13-sm.webp") no-repeat center / contain; opacity: .9; pointer-events: none; }
.rlx-newsband__card { position: relative; overflow: hidden; }
.rlx-newsband__card::before { content: ""; position: absolute; left: -30px; bottom: -40px; width: 260px; height: 260px; background: url("/static/relaxiram/img/flowers/ivy_v7-17-sm.webp") no-repeat center / contain; opacity: .85; pointer-events: none; }
.rlx-newsband__card::after { content: ""; position: absolute; right: -20px; top: -30px; width: 230px; height: 230px; background: url("/static/relaxiram/img/flowers/apple-blossom_2.webp") no-repeat center / contain; transform: scaleX(-1); pointer-events: none; }
.rlx-newsband__card > * { position: relative; z-index: 1; }
.woocommerce-checkout .rlx-gate__col, .rlx-thanks, .rlx-errpage { position: relative; overflow: hidden; }
.woocommerce-checkout .rlx-gate__col::after, .rlx-thanks::after { content: ""; position: absolute; right: -30px; bottom: -40px; width: 220px; height: 220px; background: url("/static/relaxiram/img/flowers/apple-blossom_1.webp") no-repeat center / contain; transform: scaleX(-1); opacity: .9; pointer-events: none; }
.rlx-errpage::after { content: ""; position: absolute; left: -30px; bottom: -40px; width: 260px; height: 260px; background: url("/static/relaxiram/img/flowers/ivy_v7-09-sm.webp") no-repeat center / contain; pointer-events: none; }
.rlx-story::before { content: ""; position: absolute; left: -30px; top: -30px; width: 300px; height: 300px; background: url("/static/relaxiram/img/flowers/ivy_v1-14-sm.webp") no-repeat center / contain; opacity: .8; pointer-events: none; }
.rlx-story::after { content: ""; position: absolute; right: -20px; bottom: -40px; width: 240px; height: 240px; background: url("/static/relaxiram/img/flowers/apple-blossom_2.webp") no-repeat center / contain; transform: scaleX(-1); pointer-events: none; }
.rlx-story > * { position: relative; z-index: 1; }
@media (max-width: 680px) { .rlx-chead:not(.rlx-chead--photo)::after, .rlx-newsband__card::after, .rlx-story::before { display: none; } }

/* 14) Лиценз на четките Brusheezy (Standard License – изисква връзка) */
.rlx-foot__credit { margin-left: 18px; font-size: 11px; opacity: .55; }
.rlx-foot__credit a { color: inherit; text-decoration: none; }
.rlx-foot__credit a:hover { text-decoration: underline; }

/* 16) Украсите с цветя/бръшлян са временно изключени (собственикът не одобри заместителите, 25.10) – връщат се с оригиналните четки */
.rlx-content .rlxb-garden::before, .rlx-content .rlxb-garden::after, .rlx-content .rlxb-phero:not(.rlxb-garden)::before,
.rlx-chead:not(.rlx-chead--photo)::after, .rlx-newsband__card::before, .rlx-newsband__card::after,
.woocommerce-checkout .rlx-gate__col::after, .rlx-thanks::after, .rlx-errpage::after, .rlx-story::before, .rlx-story::after { content: none !important; }
.rlx-content .rlxb-garden .rlxb-phero__txt, .rlx-content .rlxb-phero:not(.rlxb-garden) .rlxb-phero__txt { padding-bottom: 0; }

/* 17) Таблиците в описанията (28.10, собственикът: „красиви таблици, съвместими с темата“) – цветът следва раздела (--t), иначе бордо */
.rlx-content table { width: 100%; border-collapse: separate; border-spacing: 0; margin: 1.2em 0 1.6em; background: #fff; border: 1px solid var(--t-tint2, #eadbd2); border-radius: 14px; overflow: hidden; box-shadow: 0 6px 22px rgba(var(--t-rgb, 139, 29, 44), .07); font-size: .95em; line-height: 1.45; }
.rlx-content table th, .rlx-content table td { padding: .7em 1.05em; text-align: left; vertical-align: top; border: 0; border-bottom: 1px solid var(--t-tint2, #f0e4dc); }
.rlx-content table tr:last-child > th, .rlx-content table tr:last-child > td { border-bottom: 0; }
.rlx-content table thead th, .rlx-content table tr:first-child > th:only-child, .rlx-content table tr:first-child > th + th { background: var(--t-grad, linear-gradient(115deg, #6d1622, #8b1d2c 46%, #a3243c)); color: #fff; font-weight: 600; letter-spacing: .02em; border-bottom: 0; }
.rlx-content table tbody tr:nth-child(even) > td, .rlx-content table tbody tr:nth-child(even) > th { background: var(--t-tint, #faf4ef); }
.rlx-content table tbody tr > th:first-child:not(:only-child), .rlx-content table tbody tr > td:first-child:not(:only-child) { width: 40%; color: var(--t-d, var(--rlx-ink)); font-weight: 600; }
.rlx-content table tbody tr:hover > td, .rlx-content table tbody tr:hover > th { background: var(--t-tint2, #f3e6dd); }
.rlx-content table tbody tr:first-child > th + th { width: auto; }
@media (max-width: 640px) {
	.rlx-content table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; font-size: .9em; }
	.rlx-content table th, .rlx-content table td { padding: .6em .75em; }
	.rlx-content table tbody tr > th:first-child:not(:only-child), .rlx-content table tbody tr > td:first-child:not(:only-child) { width: auto; min-width: 9em; }
}

/* 18) Галерията на продукта (28.10, собственикът: „увеличи снимките от галерията – картите им под основната снимка“): карти 4:3 в мрежа */
.woocommerce div.product div.images .flex-control-thumbs { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; padding: 14px 0 0 !important; }
.woocommerce div.product div.images .flex-control-thumbs li { width: auto !important; }
.woocommerce div.product div.images .flex-control-thumbs li img { aspect-ratio: 4 / 3; width: 100%; height: auto; object-fit: contain; background: #fff; border-radius: 12px; border: 2px solid var(--t-tint2, #eadbd2); box-shadow: 0 4px 14px rgba(var(--t-rgb, 139, 29, 44), .08); opacity: .8; transition: border-color .2s, opacity .2s, transform .2s; }
.woocommerce div.product div.images .flex-control-thumbs li img:hover { opacity: 1; transform: translateY(-2px); }
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active { opacity: 1; border-color: var(--t, #8b1d2c); }
@media (max-width: 640px) { .woocommerce div.product div.images .flex-control-thumbs { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; } }

/* 19) Голямото меню – ниво 4 (подкатегориите от baseini.net, 28.10): колони „заглавие + връзки“ */
.rlx-mega__cols { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 18px 22px; list-style: none; margin: 0; padding: 0; align-content: start; }
.rlx-mega__col { min-width: 0; }
.rlx-mega__colhead { display: flex; align-items: center; gap: 10px; font-weight: 600; color: var(--t-d, var(--rlx-ink)); text-decoration: none; padding: 4px 0 8px; border-bottom: 2px solid var(--t-tint2, #eadbd2); margin-bottom: 6px; }
.rlx-mega__colhead .rlx-cthumb-w { flex: 0 0 34px; width: 34px; height: 34px; border-radius: 50%; overflow: hidden; background: var(--t-tint, #f7efe9); }
.rlx-mega__colhead .rlx-cthumb-w img { width: 100%; height: 100%; object-fit: cover; }
.rlx-mega__colhead:hover { color: var(--t, var(--rlx-bordo)); }
.rlx-mega__sub { list-style: none; margin: 0; padding: 0; }
.rlx-mega__sub a { display: block; padding: 4px 0 4px 12px; font-size: .92em; color: var(--rlx-text, #4d443d); text-decoration: none; border-left: 2px solid transparent; transition: color .15s, border-color .15s; }
.rlx-mega__sub a:hover { color: var(--t, var(--rlx-bordo)); border-left-color: var(--t, var(--rlx-bordo)); }

/* 20. продуктите се зареждат при скролиране като в baseini.net – без бутон „Покажи още“; докато зарежда, само надпис */
.rlx-more[data-mode="infinite"] .rlx-more__btn { border: 0; background: none; box-shadow: none; pointer-events: none; min-height: 24px; color: var(--muted, #7a7a7a); }
.rlx-more[data-mode="infinite"] .rlx-more__btn:empty { visibility: hidden; }

/* 21. езиците в долната лента на телефона (на мястото на „Магазин“) */
.rlx-mbar__lang { position: relative; }
.rlx-mbar__lang > summary { list-style: none; display: flex; flex-direction: column; align-items: center; gap: 2px; cursor: pointer; }
.rlx-mbar__lang > summary::-webkit-details-marker { display: none; }
.rlx-mbar__lang .rlx-mbar__ico svg, .rlx-mbar__lang .rlx-mbar__ico img { width: 26px; height: auto; border-radius: 3px; box-shadow: 0 0 0 1px var(--rlx-line); }
.rlx-mbar__langs { position: absolute; bottom: calc(100% + 14px); left: 50%; transform: translateX(-50%); padding: 12px 14px; border-radius: 16px; background: #fff; box-shadow: 0 18px 40px -16px rgba(0, 0, 0, .45), 0 0 0 1px var(--rlx-line); }
.rlx-mbar__langs .rlx-langs { gap: 12px; }
.rlx-mbar__langs .rlx-langs a { opacity: 1; }
.rlx-mbar__langs .rlx-langs a[aria-current] { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--rlx-accent, #b5245f); }

/* 22. Трохите на телефон: при няколко реда хапчето ставаше овал – обикновена карта със заоблени ъгли */
@media (max-width: 767px) {
	.rlx-crumbs { display: flex; border-radius: 16px; padding: 10px 14px; gap: 2px 4px; line-height: 1.45; font-size: 12.5px; }
}

/* 23. Значката на Клуб Радост по продуктите (стиловете на клуба не се зареждат там) */
.rlx-club-badge { display: inline-flex; align-items: center; gap: 5px; margin-top: 6px; padding: 3px 10px 3px 4px; border-radius: 999px; background: linear-gradient(135deg, #fff7f9, #fff4d8); border: 1px solid #f3d27a; color: #8b1d2c; font: 700 12px/1.4 "Manrope", sans-serif; letter-spacing: .01em; white-space: nowrap; box-shadow: 0 1px 2px rgba(139, 29, 44, .08); }
.rlx-club-badge svg { flex: none; display: block; }
.summary .rlx-club-badge { margin: 0 0 14px; padding: 4px 12px 4px 5px; font-size: 13px; }
.summary .rlx-club-badge svg { width: 20px; height: 20px; }
/* Блокът на клуба в страницата на продукта (както „Вечно лято“ в baseini.net) */
.rlx-club-pbox { display: inline-flex; align-items: center; gap: 11px; margin: 0 0 16px; padding: 8px 16px 8px 9px; border-radius: 16px; background: linear-gradient(90deg, #fff4d8, #fff0f4); border: 1px solid #f3d27a; color: #4a3f38; font-size: 14px; line-height: 1.4; }
.rlx-club-pbox__logo { flex: none; }
.rlx-club-pbox__main b { color: #8b1d2c; font-size: 15px; }
.rlx-club-pbox small { display: block; font-size: 12.5px; color: #6f625a; }
.rlx-club-pbox small b { color: #8b1d2c; }
.rlx-club-pbox small a { color: inherit; text-decoration: underline; }
.rlx-club-pbox__x2 { background: #f6c94c; color: #5a3d00; border-radius: 8px; padding: 1px 6px; font-size: 11px; font-weight: 700; white-space: nowrap; }
/* телефон: без знаменцата в горната лента – езикът се сменя от долната лента и менюто (собственикът, 29.10.2026) */
@media (max-width: 680px) { .rlx-util .rlx-langs { display: none; } }
/* телефон: логото в средата и по-голямо; профил/любими/количка горе вдясно в лентата с телефона (собственикът, 29.10.2026) */
@media (max-width: 680px) {
	.rlx-header__top { grid-template-columns: 42px minmax(0, 1fr); grid-template-areas: "burger logo" "search search"; column-gap: 0; padding-top: 10px; } /* логото в средата на мястото между бутона „Меню“ и десния край */
	.rlx-header__logo { justify-self: center; position: relative; top: -5px; } /* текстът на логото на нивото на бутона „Меню“ (цветето стърчи нагоре) */
	.rlx-util__inner { min-height: 48px; }
	.rlx-header .rlx-logo img, .rlx-header .custom-logo { width: 220px; max-width: 100%; height: auto; }
	.rlx-header__tools { position: absolute; top: -48px; right: 10px; height: 48px; z-index: 5; gap: 2px; }
	.rlx-header__tools .rlx-tool:first-child { display: flex; }
	.rlx-header__tools .rlx-tool { padding: 0; }
	.rlx-header__tools .rlx-tool > .rlx-ico, .rlx-header__tools .rlx-cart__ico { width: 34px; height: 34px; }
	.rlx-header__tools .rlx-account > .rlx-ico { padding: 5px; } /* човечето 24 px и същата дебелина като сърцето и чантата */
	.rlx-header__tools .rlx-count, .rlx-header__tools .rlx-cart__count { transform: scale(.85); }
}
/* телефон, отвореното меню: телефонът на свой ред, под него езиците на целия ред (собственикът, 29.10.2026) */
@media (max-width: 680px) {
	.rlx-offcanvas__foot { flex-direction: column; align-items: stretch; gap: 14px; }
	.rlx-offcanvas__foot > a { justify-content: center; }
	.rlx-offcanvas__foot .rlx-langs { width: 100%; justify-content: space-between; }
}

/* 40 (29.10, PageSpeed – достъпност): цели за докосване поне 24 px, видът е същият – точките на слайдера са 10 px в 24 px поле (стъпка 24 вместо 18 px), телефоните във футъра с ред 24 px */
.rlx-hero__dots { gap: 0; }
.rlx-hero__dots button { width: 24px; height: 24px; padding: 7px; background-clip: content-box; }
.rlx-hero__dots button[aria-current] { width: 44px; }
.rlx-foot__contacts span > a { min-height: 24px; line-height: 24px; }

/* 41 (29.10, PageSpeed – достъпност): контраст ≥ 4,5:1 за дребния текст – по-тъмни нюанси на същите цветове (приглушеният текст, зачертаните стари цени);
   светлият тон на категориите (--t-l) остава за всичко друго, само връзките в трохите ползват по-тъмен вариант (--t-lt); трохите с ред 24 px (цели за докосване) */
:root { --rlx-muted: #7a6f65; }
.woocommerce ul.products li.product .price del { color: #7e6f61 !important; }
.rlx-stickycart__price del, .rlx-suggest__p del, .rlx-qv .price del, .rlx-cmp del, .rlx-cmp del .amount, .rlx-fbt__price del { color: #7e6f61; }
.woocommerce div.product p.price del { color: #816b77; }
.rlx-tone--c-garden, .rlx-cat-garden { --t-lt: #5a794f; }
.rlx-tone--c-wellness, .rlx-cat-wellness { --t-lt: #42788a; }
.rlx-tone--c-interior, .rlx-cat-interior { --t-lt: #a75f31; }
.rlx-tone--c-hobby, .rlx-cat-hobby { --t-lt: #6569bb; }
.rlx-tone--c-zoo, .rlx-cat-zoo { --t-lt: #8a6e1d; }
.rlx-crumbs a { color: var(--t-lt, var(--rlx-berry)); display: inline-block; min-height: 24px; line-height: 24px; }
.woocommerce div.product .product_meta a { color: var(--t-lt, var(--rlx-berry)); }

/* 42 (29.10, PageSpeed): цветята в CSS са с по-малки файлове (-sm, 680 px); секциите под първия екран се рендерират (и снимките им се теглят) чак когато наближат екрана */
.rlx-newsband, .rlx-story, .rlx-foot { content-visibility: auto; contain-intrinsic-size: auto 420px; }

/* 43 (29.10, PageSpeed): резервни шрифтове със същите метрики като Manrope / Playfair Display (size-adjust, ascent/descent-override, измерени с
   tools/cssbuild/fontmetrics.mjs) – ако уеб шрифтът дойде след първото рисуване, текстът не се мести (CLS 1,71 на компютър в едно измерване).
   Видът не се променя: уеб шрифтовете се зареждат както досега (font-display: swap). За Playfair: първо правило – Times/Liberation Serif
   (Linux, машините на PageSpeed), последно – Georgia (Windows/macOS; последното съвпадащо правило печели). */
@font-face { font-family: "Manrope Fallback"; font-weight: 400; font-style: normal; src: local("Arial"), local("Liberation Sans"), local("Helvetica"); size-adjust: 105.08%; ascent-override: 101.82%; descent-override: 28.55%; line-gap-override: 0%; }
@font-face { font-family: "Manrope Fallback"; font-weight: 600; font-style: normal; src: local("Arial Bold"), local("Arial"), local("Liberation Sans Bold"), local("Liberation Sans"); size-adjust: 101.87%; ascent-override: 105.03%; descent-override: 29.45%; line-gap-override: 0%; }
@font-face { font-family: "Manrope Fallback"; font-weight: 700; font-style: normal; src: local("Arial Bold"), local("Arial"), local("Liberation Sans Bold"), local("Liberation Sans"); size-adjust: 103.43%; ascent-override: 103.45%; descent-override: 29%; line-gap-override: 0%; }
@font-face { font-family: "Playfair Fallback"; font-weight: 500; font-style: normal; src: local("Times New Roman"), local("Liberation Serif"); size-adjust: 112.74%; ascent-override: 95.79%; descent-override: 22.17%; line-gap-override: 0%; }
@font-face { font-family: "Playfair Fallback"; font-weight: 500; font-style: italic; src: local("Times New Roman Italic"), local("Times New Roman"), local("Liberation Serif Italic"), local("Liberation Serif"); size-adjust: 109.3%; ascent-override: 98.81%; descent-override: 22.87%; line-gap-override: 0%; }
@font-face { font-family: "Playfair Fallback"; font-weight: 500; font-style: normal; src: local("Georgia"); size-adjust: 102.31%; ascent-override: 105.56%; descent-override: 24.44%; line-gap-override: 0%; }
@font-face { font-family: "Playfair Fallback"; font-weight: 500; font-style: italic; src: local("Georgia Italic"), local("Georgia"); size-adjust: 96.81%; ascent-override: 111.55%; descent-override: 25.82%; line-gap-override: 0%; }
:root { --rlx-sans: "Manrope", "Manrope Fallback", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; --rlx-serif: "Playfair Display", "Playfair Fallback", Georgia, "Times New Roman", serif; }

/* 44 (29.10, PageSpeed телефон): секциите на началната под първия екран се рендерират чак когато наближат екрана (content-visibility) –
   стилът/подредбата на страницата и смяната на шрифтовете стават 3–4 пъти по-евтини (TBT). Всяка секция държи декорациите си в кутията си. */
.rlx-promos, .rlx-section, .rlx-deal { content-visibility: auto; contain-intrinsic-size: auto 900px; }
.rlx-promos { contain-intrinsic-size: auto 850px; }
.rlx-ptabs { contain-intrinsic-size: auto 1800px; }
.rlx-deal { contain-intrinsic-size: auto 760px; }
@media (min-width: 681px) { .rlx-promos { contain-intrinsic-size: auto 480px; } .rlx-ptabs { contain-intrinsic-size: auto 900px; } .rlx-section { contain-intrinsic-size: auto 700px; } .rlx-deal { contain-intrinsic-size: auto 560px; } }

/* 29.10 PageSpeed: бутоните „Таблица с размерите“, „Любими“, „Сравни“ – поне 24 px за пръст (target-size) */
.rlx-act-line { min-height: 24px; }
/* 29.10 PageSpeed: името на „Количка“/„Любими“ идва от видимия текст (брой + етикет) – на тесен екран етикетът е само скрит визуално, не display:none (label-content-name-mismatch) */
@media (max-width: 1080px) { .rlx-header__tools .rlx-cart .rlx-tool__label, .rlx-header__tools .rlx-wish-link .rlx-tool__label { display: block; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; } }
/* 29.10 PageSpeed: „Добави в любими“/„Сравни“ не се застъпват с реда над тях (target-size: беше закрит частично заради margin -6px) */
.rlx-single-acts { margin-top: 0; position: relative; z-index: 1; }
/* 29.10 PageSpeed: трохите на телефон на един ред (плъзгат се настрани) – иначе на /en/ след зареждането на шрифта минаваха на 2-ри ред и бутаха продукта (CLS 0,24) */
@media (max-width: 767px) { .rlx-crumbs { flex-wrap: nowrap; white-space: nowrap; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; max-width: 100%; } .rlx-crumbs::-webkit-scrollbar { display: none; } .rlx-crumbs > * { flex: 0 0 auto; } }
/* 29.10 PageSpeed телефон: картите от 9-тата нататък (под първия екран) се подреждат чак когато наближат екрана – категорията има 36 карти (~1700 елемента, ~600 ms подреждане при 4x по-бавен процесор) */
.woocommerce ul.products > li.product:nth-child(n+9) { content-visibility: auto; contain-intrinsic-size: auto 420px; }
/* 04.11 (собственикът: „последни продукти на телефон първоначално в твърде високи карти с много празно пространство“): в лентите (един ред, плъзгане настрани)
   неизрисуваните карти пазеха по 420px и разпъваха целия ред – там без content-visibility; в мрежата на телефон картите са ~270–300px */
.woocommerce.rlx-rail ul.products > li.product:nth-child(n+9):nth-child(n) { content-visibility: visible; contain-intrinsic-size: none; }  /* :nth-child(n) – по-силно от общото правило, което идва и по-късно (втори вграден CSS) */
@media (max-width: 680px) { .woocommerce ul.products > li.product:nth-child(n+9):nth-child(n) { contain-intrinsic-size: auto 300px; } }

/* 20) Голямото меню на компютър – нов вид (30.10, собственикът: „по-модерно като в baseini.net, без празни пространства, категориите компактно“):
      по-тесни групи вляво; вдясно лента със заглавието на групата и „Всички продукти“, под нея еднакви карти (снимка 4:3 + име),
      групите с ниво 4 – плътни карти „заглавие + връзки като етикети“, подредени в колони без дупки (masonry); снимката вдясно е по-тясна */
@media (min-width: 1081px) {
	.rlx-mega--panes .rlx-mega__in { grid-template-columns: 252px minmax(0, 1fr); gap: 14px; min-height: 300px; padding: 12px; }
	.rlx-mega--panes.is-two .rlx-mega__in { grid-template-columns: 404px minmax(0, 1fr); }
	.rlx-mega--panes .rlx-mega__tabs { grid-column: 1; grid-row: 1; gap: 2px; padding: 0; border-right: 0; }
	.rlx-mega--panes.is-two .rlx-mega__tabs { column-gap: 4px; }
	/* 30.10 (2) „без бели полета“: две редици вляво – групите и под тях карта „Всички продукти“ на раздела, която заема остатъка
	   от височината (снимка на раздела; при малко място – само ред с връзка); вдясно групата се разтяга до височината на панела */
	.rlx-mega--panes .rlx-mega__in { grid-template-rows: auto 1fr; row-gap: 8px; }
	.rlx-mega--panes .rlx-mega__panes { grid-column: 2; grid-row: 1 / span 2; display: grid; grid-template: minmax(0, 1fr) / minmax(0, 1fr); } /* групата като елемент на мрежа – разтяга се до височината на панела */
	.rlx-mega--panes.is-two .rlx-mega__tabs > li:last-child:nth-child(odd) { grid-column: 1 / -1; } /* нечетен брой групи в два стълба – последната заема целия ред */
	.rlx-mega__all { grid-column: 1; grid-row: 2; position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; min-height: 52px; border-radius: 16px; background: var(--t-grad, var(--rlx-grad)); color: #fff; container-type: size; }
	.rlx-mega__allpic { position: absolute; z-index: -1; inset: 0; }
	.rlx-mega__allpic img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--rlx-ease); }
	.rlx-mega__all.is-photo .rlx-mega__allpic::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(22, 18, 14, .78) 0%, rgba(22, 18, 14, .1) 60%, rgba(22, 18, 14, 0) 100%); }
	.rlx-mega__all:not(.is-photo) .rlx-mega__allpic { z-index: auto; padding: 14px 14px 64px; background: linear-gradient(160deg, var(--t-tint, #f8efe6) 0%, var(--t-tint2, #ecdfd0) 100%); }
	.rlx-mega__all:not(.is-photo) .rlx-mega__allpic img { object-fit: contain; mix-blend-mode: multiply; }
	.rlx-mega__all:hover { color: #fff; }
	.rlx-mega__all:hover .rlx-mega__allpic img { transform: scale(1.05); }
	.rlx-mega__alltxt { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 12px 14px 14px; }
	.rlx-mega__alltxt strong { font: 500 20px/1.15 var(--rlx-serif); }
	.rlx-mega__alltxt > span { display: inline-flex; align-items: center; gap: 4px; padding: 7px 12px 7px 14px; border-radius: 999px; background: #fff; color: var(--t, var(--rlx-bordo)); font-size: 12.5px; font-weight: 700; transition: transform .3s var(--rlx-ease); }
	.rlx-mega__all:not(.is-photo) .rlx-mega__alltxt { color: var(--t-d, var(--rlx-ink)); }
	.rlx-mega__all:not(.is-photo) .rlx-mega__alltxt > span { background: var(--t-grad, var(--rlx-grad)); color: #fff; }
	.rlx-mega__all:hover .rlx-mega__alltxt > span { transform: translateX(3px); }
	@container (max-height: 150px) and (min-height: 84px) {
		.rlx-mega__allpic { display: none; }
		.rlx-mega__alltxt, .rlx-mega__all:not(.is-photo) .rlx-mega__alltxt { justify-content: center; height: 100%; color: #fff; }
		.rlx-mega__alltxt strong { font-size: 18px; }
		.rlx-mega__all:not(.is-photo) .rlx-mega__alltxt > span { background: #fff; color: var(--t, var(--rlx-bordo)); }
	}
	@container (max-height: 83.9px) {
		.rlx-mega__allpic { display: none; }
		.rlx-mega__alltxt, .rlx-mega__all:not(.is-photo) .rlx-mega__alltxt { flex-direction: row; align-items: center; justify-content: space-between; height: 100%; padding: 8px 8px 8px 14px; color: #fff; }
		.rlx-mega__alltxt strong { overflow: hidden; font-size: 17px; white-space: nowrap; text-overflow: ellipsis; }
		.rlx-mega__alltxt > span, .rlx-mega__all:not(.is-photo) .rlx-mega__alltxt > span { flex: none; padding: 8px; background: #fff; color: var(--t, var(--rlx-bordo)); font-size: 0; } /* само стрелка – името на раздела се вижда цяло */
	}
	.rlx-mega--panes .rlx-mega__tab { gap: 9px; min-height: 42px; padding: 3px 8px 3px 3px; border-radius: 12px; }
	.rlx-mega--panes .rlx-mega__tab .rlx-cthumb-w { width: 36px; height: 36px; padding: 2px; }
	.rlx-mega--panes .rlx-mega__tab .rlx-cthumb-w:has(.is-photo) { padding: 0; }
	.rlx-mega--panes .rlx-mega__tabname { font-size: 14px; line-height: 1.18; }
	.rlx-mega--panes.is-two .rlx-mega__tabname { font-size: 13.5px; }
	.rlx-mega--panes .rlx-mega__tabcount { min-width: 22px; padding: 1px 6px; font-size: 11.5px; }

	/* групата: лента отгоре, под нея картите + снимката */
	.rlx-mega--panes .rlx-mega__pane { grid-template-columns: minmax(0, 1fr) 190px; grid-template-rows: auto 1fr; gap: 10px 12px; height: auto; min-height: 0; }
	.rlx-mega__bar { grid-column: 1 / -1; display: flex; align-items: center; gap: 10px; min-width: 0; padding: 6px 6px 6px 16px; border-radius: 14px; background: linear-gradient(90deg, var(--t-tint, #f8efe6) 0%, rgba(255, 255, 255, 0) 100%); }
	.rlx-mega__bar strong { overflow: hidden; color: var(--t-d, var(--rlx-ink)); font: 500 20px/1.2 var(--rlx-serif); white-space: nowrap; text-overflow: ellipsis; }
	.rlx-mega__bar small { flex: none; color: var(--rlx-muted); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
	.rlx-mega__bar a { flex: none; display: inline-flex; align-items: center; gap: 4px; margin-left: auto; padding: 6px 10px 6px 14px; border-radius: 999px; background: #fff; box-shadow: 0 0 0 1px rgba(var(--t-rgb, 139, 29, 44), .22); color: var(--t, var(--rlx-bordo)); font-size: 12.5px; font-weight: 700; transition: background .2s, color .2s, box-shadow .2s; }
	.rlx-mega__bar a:hover { background: var(--t-grad, var(--rlx-grad)); box-shadow: none; color: #fff; }
	.rlx-mega--panes .rlx-mega__pane > .rlx-mega__list { grid-column: 1; grid-row: 2; min-width: 0; }
	.rlx-mega--panes .rlx-mega__feat { grid-column: 2; grid-row: 2; align-self: stretch; min-height: 220px; max-height: none; border-radius: 16px; }
	.rlx-mega--panes .rlx-mega__feattxt { padding: 12px; }
	.rlx-mega--panes .rlx-mega__feattxt strong, .rlx-mega--panes .rlx-mega__feattxt small { display: none; }
	.rlx-mega--panes .rlx-mega__featpic { inset: 0 0 52px; padding: 12px; }
	.rlx-mega--panes .rlx-mega__feat.is-photo .rlx-mega__featpic { inset: 0; padding: 0; }
	/* снимката на продукт върху бяло се слива с цвета на картата (без бялото квадратче) */
	.rlx-mega--panes .rlx-mega__feat:not(.is-photo) .rlx-mega__featpic { z-index: auto; background: none; }
	.rlx-mega--panes .rlx-mega__featbtn { margin-top: 0; padding: 7px 12px 7px 14px; font-size: 12.5px; }

	/* еднакви карти: снимка 4:3 на кремав фон + име до 2 реда */
	.rlx-mega--panes .rlx-mega__tiles { grid-template-columns: repeat(var(--c, 4), minmax(0, 1fr)); grid-auto-rows: 1fr; gap: 8px; height: auto; align-content: stretch; } /* --c и последната плочка с span – от menu._layout(): пълни редове */
	.rlx-mega--panes .rlx-mega__tiles a { flex-direction: column; align-items: stretch; gap: 0; height: 100%; min-height: 0; padding: 5px 5px 8px; border-radius: 14px; background: #fff; box-shadow: 0 0 0 1px #efe6db; transition: box-shadow .2s, color .2s, transform .25s var(--rlx-ease); }
	.rlx-mega--panes .rlx-mega__tiles .rlx-cthumb-w, .rlx-mega--panes .rlx-mega__tiles.is-mid .rlx-cthumb-w { flex: 1 1 auto; width: 100%; height: auto; min-height: 88px; contain: size; padding: 8px; border-radius: 10px; background: var(--t-tint, #f7f2ea); }
	.rlx-mega--panes .rlx-mega__tiles .rlx-cthumb-w:has(.is-photo) { padding: 0; }
	.rlx-mega--panes .rlx-mega__tiles li:nth-child(even) .rlx-cthumb-w { background: var(--t-tint, #f7f2ea); }
	.rlx-mega--panes .rlx-mega__tiles .rlx-cthumb { transition: transform .5s var(--rlx-ease); }
	.rlx-mega--panes .rlx-mega__tiles li:nth-child(even) .rlx-cthumb.is-icon { color: var(--rlx-bordo); }
	.rlx-mega--panes .rlx-mega__tiles a > span:last-child { display: block; min-height: 2.44em; overflow: visible; padding: 7px 2px 0; font: 600 12.5px/1.22 var(--rlx-sans); text-align: center; -webkit-line-clamp: unset; overflow-wrap: break-word; } /* собственикът 31.10: „текстът да се чете целия“ – без „…“, до 3 реда */
	.rlx-mega--panes .rlx-mega__tiles:not(.is-compact):not(.is-equip) > li:not(.has-subs):not(.is-side) > a > span:last-child { flex: none; height: calc(3 * 1.22em + 7px); min-height: 0; overflow: hidden; overflow-wrap: normal; hyphens: manual; }
	.rlx-mega--panes .rlx-mega__tiles li.has-subs > a > span:last-child { overflow-wrap: normal; hyphens: manual; } /* 31.10: същият шрифт като другите карти; думите се пренасят само на меката черта */ /* собственикът 31.10: „картинките на едно ниво“ – еднаква височина на името (3 реда), снимките са еднакво големи; дългите думи – мека черта (филтър shy) */
	.rlx-mega--panes .rlx-mega__tiles a:hover { transform: translateY(-2px); background: #fff; box-shadow: 0 0 0 1.5px rgba(var(--t-rgb, 139, 29, 44), .45), 0 14px 24px -16px rgba(60, 40, 25, .55); color: var(--t-d, var(--rlx-bordo)); }
	.rlx-mega--panes .rlx-mega__tiles a:hover .rlx-cthumb { transform: scale(1.06); }

	/* до 6 подкатегории: по-големи снимки */
	.rlx-mega--panes .rlx-mega__tiles.is-few a { padding: 6px 6px 8px; }
	.rlx-mega--panes .rlx-mega__tiles.is-few .rlx-cthumb-w { flex: 1 1 0; aspect-ratio: auto; min-height: 104px; padding: 6px; contain: size; } /* contain: големината на снимката не раздува реда – картите следват височината на групите вляво */
	.rlx-mega--panes .rlx-mega__tiles.is-few .rlx-cthumb-w:has(.is-photo) { padding: 0; }
	.rlx-mega--panes .rlx-mega__tiles.is-few a > span:last-child { min-height: 0; padding: 8px 4px 1px; font-size: 14px; }

	/* ниво 4: карти „заглавие + етикети“ в колони без дупки */
	.rlx-mega--panes .rlx-mega__cols { display: block; columns: 3 200px; column-gap: 10px; }
	/* 6+ подкатегории: колони („stacks“) с подобна височина от menu._layout(); картите във всяка колона се разтягат – дъната са наравно */
	.rlx-mega--panes .rlx-mega__cols.is-stacks { display: grid; grid-template-columns: repeat(var(--k, 3), minmax(0, 1fr)); align-content: stretch; gap: 10px; columns: auto; }
	.rlx-mega--panes .rlx-mega__cols.is-stacks > .rlx-mega__stack { display: flex; min-width: 0; margin: 0; }
	.rlx-mega__stack > ul { display: flex; flex: 1; flex-direction: column; gap: 10px; min-width: 0; margin: 0; padding: 0; list-style: none; }
	.rlx-mega--panes .rlx-mega__stack .rlx-mega__col { display: flex; flex: 1 1 auto; flex-direction: column; margin: 0; }
	/* картите без връзки поемат почти цялото свободно място и стават плочки с голяма снимка (без празна вътрешност) */
	.rlx-mega--panes .rlx-mega__stack .rlx-mega__col:not(:has(.rlx-mega__sub)) { flex-grow: 100; padding: 5px 5px 9px; }
	.rlx-mega--panes .rlx-mega__stack .rlx-mega__col:not(:has(.rlx-mega__sub)) .rlx-mega__colhead { flex: 1; flex-direction: column; align-items: stretch; gap: 0; }
	.rlx-mega--panes .rlx-mega__stack .rlx-mega__col:not(:has(.rlx-mega__sub)) .rlx-cthumb-w { flex: 1 1 auto; width: 100%; height: auto; min-height: 38px; padding: 6px; border-radius: 10px; background: var(--t-tint, #f7f2ea); box-shadow: none; contain: size; }
	.rlx-mega--panes .rlx-mega__stack .rlx-mega__col:not(:has(.rlx-mega__sub)) .rlx-cthumb-w:has(.is-photo) { padding: 0; }
	.rlx-mega--panes .rlx-mega__stack .rlx-mega__col:not(:has(.rlx-mega__sub)) .rlx-mega__colhead > span:last-child { padding: 8px 6px 0; }
	/* колона без такава карта: свободното място поема последната карта – снимката ѝ слиза под етикетите и расте (при < 60 px не се показва) */
	.rlx-mega--panes .rlx-mega__stack:not(.has-tile) .rlx-mega__col { flex-grow: 0; }
	.rlx-mega--panes .rlx-mega__stack:not(.has-tile) .rlx-mega__col:last-child { flex-grow: 1; }
	@container (max-height: 60px) { .rlx-mega__stack .rlx-mega__col .rlx-cthumb { display: none !important; } }
	.rlx-mega--panes .rlx-mega__col { display: block; break-inside: avoid; margin: 0 0 10px; padding: 9px 10px 10px; border-radius: 14px; background: #fbf8f4; box-shadow: inset 0 0 0 1px #f0e7dc; transition: background .2s, box-shadow .2s; }
	.rlx-mega--panes .rlx-mega__col:hover { background: #fff; box-shadow: inset 0 0 0 1px rgba(var(--t-rgb, 139, 29, 44), .3), 0 14px 24px -20px rgba(60, 40, 25, .55); }
	.rlx-mega--panes .rlx-mega__cols .rlx-mega__colhead { display: flex; align-items: center; gap: 9px; margin: 0; padding: 0; border: 0; color: var(--t-d, var(--rlx-ink)); font: 700 13.5px/1.2 var(--rlx-sans); }
	.rlx-mega--panes .rlx-mega__cols .rlx-mega__colhead:hover { transform: none; color: var(--t, var(--rlx-bordo)); }
	.rlx-mega--panes .rlx-mega__colhead .rlx-cthumb-w { flex: 0 0 38px; width: 38px; height: 38px; padding: 3px; border-radius: 10px; background: #fff; box-shadow: 0 0 0 1px #efe6db; }
	.rlx-mega--panes .rlx-mega__colhead .rlx-cthumb-w:has(.is-photo) { padding: 0; }
	.rlx-mega--panes .rlx-mega__colhead .rlx-cthumb-w img { object-fit: contain; }
	.rlx-mega--panes .rlx-mega__colhead .rlx-cthumb-w img.is-photo { object-fit: cover; }
	/* 6+ подкатегории с ниво 4 (Градинска техника, Басейни и оборудване, Кухня): без снимката вдясно, 4 колони на цялата ширина */
	.rlx-mega--panes .rlx-mega__pane.is-cols:has(.is-stacks) { grid-template-columns: minmax(0, 1fr); }
	.rlx-mega--panes .rlx-mega__pane.is-cols:has(.is-stacks) .rlx-mega__feat { display: none; }
	/* до 5 подкатегории с ниво 4: мрежа (картите в реда се изравняват, остатъкът от височината се разпределя), последната запълва реда */
	.rlx-mega--panes .rlx-mega__pane--n1 .rlx-mega__cols, .rlx-mega--panes .rlx-mega__pane--n2 .rlx-mega__cols, .rlx-mega--panes .rlx-mega__pane--n3 .rlx-mega__cols, .rlx-mega--panes .rlx-mega__pane--n4 .rlx-mega__cols, .rlx-mega--panes .rlx-mega__pane--n5 .rlx-mega__cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-content: stretch; gap: 10px; }
	.rlx-mega--panes .rlx-mega__pane--n1 .rlx-mega__cols { grid-template-columns: minmax(0, 1fr); }
	.rlx-mega--panes .rlx-mega__pane--n2 .rlx-mega__cols, .rlx-mega--panes .rlx-mega__pane--n4 .rlx-mega__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.rlx-mega--panes .rlx-mega__pane--n5 .rlx-mega__col:last-child { grid-column: span 2; }
	/* картите тук са като плочките: снимка отгоре на кремав фон, под нея заглавието и етикетите */
	.rlx-mega--panes .rlx-mega__pane--n1 .rlx-mega__col, .rlx-mega--panes .rlx-mega__pane--n2 .rlx-mega__col, .rlx-mega--panes .rlx-mega__pane--n3 .rlx-mega__col, .rlx-mega--panes .rlx-mega__pane--n4 .rlx-mega__col, .rlx-mega--panes .rlx-mega__pane--n5 .rlx-mega__col { display: flex; flex-direction: column; margin: 0; padding: 5px 5px 10px; }
	.rlx-mega--panes .rlx-mega__pane--n1 .rlx-mega__colhead, .rlx-mega--panes .rlx-mega__pane--n2 .rlx-mega__colhead, .rlx-mega--panes .rlx-mega__pane--n3 .rlx-mega__colhead, .rlx-mega--panes .rlx-mega__pane--n4 .rlx-mega__colhead, .rlx-mega--panes .rlx-mega__pane--n5 .rlx-mega__colhead { flex: 1 1 auto; flex-direction: column; align-items: stretch; gap: 0; font-size: 14px; }
	.rlx-mega--panes .rlx-mega__pane--n1 .rlx-mega__colhead .rlx-cthumb-w, .rlx-mega--panes .rlx-mega__pane--n2 .rlx-mega__colhead .rlx-cthumb-w, .rlx-mega--panes .rlx-mega__pane--n3 .rlx-mega__colhead .rlx-cthumb-w, .rlx-mega--panes .rlx-mega__pane--n4 .rlx-mega__colhead .rlx-cthumb-w, .rlx-mega--panes .rlx-mega__pane--n5 .rlx-mega__colhead .rlx-cthumb-w { flex: 1 1 auto; width: 100%; height: auto; min-height: 96px; contain: size; padding: 8px; border-radius: 10px; background: var(--t-tint, #f7f2ea); box-shadow: none; }
	.rlx-mega--panes .rlx-mega__pane--n1 .rlx-mega__colhead .rlx-cthumb-w:has(.is-photo), .rlx-mega--panes .rlx-mega__pane--n2 .rlx-mega__colhead .rlx-cthumb-w:has(.is-photo), .rlx-mega--panes .rlx-mega__pane--n3 .rlx-mega__colhead .rlx-cthumb-w:has(.is-photo), .rlx-mega--panes .rlx-mega__pane--n4 .rlx-mega__colhead .rlx-cthumb-w:has(.is-photo), .rlx-mega--panes .rlx-mega__pane--n5 .rlx-mega__colhead .rlx-cthumb-w:has(.is-photo) { padding: 0; }
	.rlx-mega--panes .rlx-mega__pane--n1 .rlx-mega__colhead > span:last-child, .rlx-mega--panes .rlx-mega__pane--n2 .rlx-mega__colhead > span:last-child, .rlx-mega--panes .rlx-mega__pane--n3 .rlx-mega__colhead > span:last-child, .rlx-mega--panes .rlx-mega__pane--n4 .rlx-mega__colhead > span:last-child, .rlx-mega--panes .rlx-mega__pane--n5 .rlx-mega__colhead > span:last-child { padding: 8px 6px 0; }
	.rlx-mega--panes .rlx-mega__pane--n1 .rlx-mega__sub, .rlx-mega--panes .rlx-mega__pane--n2 .rlx-mega__sub, .rlx-mega--panes .rlx-mega__pane--n3 .rlx-mega__sub, .rlx-mega--panes .rlx-mega__pane--n4 .rlx-mega__sub, .rlx-mega--panes .rlx-mega__pane--n5 .rlx-mega__sub { padding: 0 6px; }
	.rlx-mega--panes .rlx-mega__cols .rlx-mega__col .rlx-cthumb { transition: transform .5s var(--rlx-ease); }
	.rlx-mega--panes .rlx-mega__cols .rlx-mega__col:hover .rlx-cthumb { transform: scale(1.06); }
	.rlx-mega--panes .rlx-mega__sub { display: flex; flex-wrap: wrap; gap: 4px; margin: 8px 0 0; }
	.rlx-mega--panes .rlx-mega__cols .rlx-mega__sub a { display: inline-block; padding: 3px 9px; border: 0; border-radius: 10px; background: #fff; box-shadow: 0 0 0 1px #ece2d6; color: #4d443d; font-size: 12px; line-height: 1.3; transition: background .2s, color .2s, box-shadow .2s; }
	.rlx-mega--panes .rlx-mega__cols .rlx-mega__sub a:hover { transform: none; background: var(--t, var(--rlx-bordo)); box-shadow: none; color: #fff; }
}
/* по-тесен екран: групите с два стълба вляво са по-тесни, а снимката вдясно отпада при тях (място за колоните) */
@media (min-width: 1081px) and (max-width: 1360px) {
	.rlx-mega--panes.is-two .rlx-mega__in { grid-template-columns: 372px minmax(0, 1fr); }
	.rlx-mega--panes.is-two .rlx-mega__pane { grid-template-columns: minmax(0, 1fr); }
	.rlx-mega--panes.is-two .rlx-mega__feat { display: none; }
	.rlx-mega--panes .rlx-mega__pane { grid-template-columns: minmax(0, 1fr) 170px; }
}
@media (min-width: 1081px) and (max-width: 1180px) {
	.rlx-mega--panes .rlx-mega__in { grid-template-columns: 228px minmax(0, 1fr); }
	.rlx-mega--panes.is-two .rlx-mega__in { grid-template-columns: 384px minmax(0, 1fr); }
	.rlx-mega--panes.is-two .rlx-mega__tab .rlx-cthumb-w { width: 32px; height: 32px; }
	.rlx-mega--panes.is-two .rlx-mega__tabname { font-size: 13px; }
	.rlx-mega--panes .rlx-mega__tabname { font-size: 13.5px; }
	.rlx-mega--panes .rlx-mega__tiles a > span:last-child { font-size: 12.5px; }
}
/* 21) Голямото меню „wow“ (30.10 (3), собственикът: „по-големи снимки… направи го wow“): по-големи снимки вляво и в картите,
      голяма карта на групата със снимка в обстановка, заглавие и „Разгледай“ върху преливка в цвета на раздела, плавно появяване */
@media (min-width: 1081px) {
	.rlx-mega--panes .rlx-mega__tab { min-height: 54px; gap: 11px; padding: 3px 10px 3px 3px; border-radius: 14px; transition: background .2s, box-shadow .2s, color .2s; }
	.rlx-mega--panes .rlx-mega__tab .rlx-cthumb-w { width: 48px; height: 48px; padding: 3px; border-radius: 12px; overflow: hidden; background: #fff; box-shadow: 0 0 0 1px #efe6db; }
	.rlx-mega--panes .rlx-mega__tab .rlx-cthumb-w:has(.is-photo) { padding: 0; }
	.rlx-mega--panes .rlx-mega__tab .rlx-cthumb { width: 100%; height: 100%; border-radius: 9px; object-fit: contain; transition: transform .45s var(--rlx-ease); }
	.rlx-mega--panes .rlx-mega__tab .rlx-cthumb.is-photo { object-fit: cover; }
	.rlx-mega--panes .rlx-mega__tab:hover .rlx-cthumb, .rlx-mega--panes .rlx-mega__tab.is-active .rlx-cthumb { transform: scale(1.08); }
	.rlx-mega--panes .rlx-mega__tab.is-active { box-shadow: inset 3px 0 0 var(--t, var(--rlx-bordo)); }
	.rlx-mega--panes .rlx-mega__tabname { font-size: 14.5px; }
	.rlx-mega--panes.is-two .rlx-mega__tab { min-height: 50px; }
	.rlx-mega--panes.is-two .rlx-mega__tab .rlx-cthumb-w { width: 44px; height: 44px; }
	/* заглавната ивица – по-изразително заглавие с акцент в цвета на раздела */
	.rlx-mega__bar { padding: 8px 6px 8px 18px; background: linear-gradient(90deg, var(--t-tint, #f8efe6) 0%, rgba(255, 255, 255, 0) 85%); box-shadow: inset 4px 0 0 var(--t, var(--rlx-bordo)); }
	.rlx-mega__bar strong { font-size: 23px; letter-spacing: -.005em; }
	/* картите: по-голяма снимка, сянка и повдигане, цветна линия отдолу при посочване */
	.rlx-mega--panes .rlx-mega__tiles a, .rlx-mega--panes .rlx-mega__col { position: relative; overflow: hidden; }
	.rlx-mega--panes .rlx-mega__tiles a::after, .rlx-mega--panes .rlx-mega__col::after { content: ""; position: absolute; left: 12px; right: 12px; bottom: 0; height: 3px; border-radius: 3px 3px 0 0; background: var(--t-grad, var(--rlx-grad)); transform: scaleX(0); transition: transform .35s var(--rlx-ease); }
	.rlx-mega--panes .rlx-mega__tiles a:hover::after, .rlx-mega--panes .rlx-mega__col:hover::after { transform: scaleX(1); }
	.rlx-mega--panes .rlx-mega__tiles a:hover { transform: translateY(-3px); box-shadow: 0 0 0 1.5px rgba(var(--t-rgb, 139, 29, 44), .4), 0 18px 30px -18px rgba(60, 40, 25, .6); }
	.rlx-mega--panes .rlx-mega__tiles a:hover .rlx-cthumb, .rlx-mega--panes .rlx-mega__cols .rlx-mega__col:hover .rlx-cthumb { transform: scale(1.08); }
	.rlx-mega--panes .rlx-mega__tiles .rlx-cthumb-w { min-height: 104px; padding: 6px; overflow: hidden; }
	.rlx-mega--panes .rlx-mega__tiles.is-few .rlx-cthumb-w { min-height: 124px; }
	.rlx-mega--panes .rlx-mega__tiles a > span:last-child { font-size: 13.5px; }
	.rlx-mega--panes .rlx-mega__colhead .rlx-cthumb-w { flex: 0 0 60px; width: 60px; height: 60px; overflow: hidden; border-radius: 12px; }
	.rlx-mega--panes .rlx-mega__cols .rlx-mega__colhead { gap: 11px; font-size: 14px; }
	.rlx-mega--panes .rlx-mega__col:hover { box-shadow: inset 0 0 0 1px rgba(var(--t-rgb, 139, 29, 44), .3), 0 18px 30px -22px rgba(60, 40, 25, .6); }
	/* голямата карта на групата: снимка в обстановка + преливка в цвета на раздела, заглавие и бутон */
	.rlx-mega--panes .rlx-mega__feat { box-shadow: 0 18px 34px -24px rgba(60, 40, 25, .7); }
	.rlx-mega--panes .rlx-mega__feattxt { gap: 8px; padding: 16px; }
	.rlx-mega--panes .rlx-mega__feattxt strong { display: block; font: 500 22px/1.12 var(--rlx-serif); text-wrap: balance; }
	.rlx-mega--panes .rlx-mega__feat.is-photo::after { background: linear-gradient(0deg, rgba(var(--t-rgb, 90, 20, 30), .92) 0%, rgba(var(--t-rgb, 90, 20, 30), .45) 38%, rgba(22, 18, 14, 0) 72%); }
	.rlx-mega--panes .rlx-mega__feat:not(.is-photo) .rlx-mega__featpic { inset: 0 0 96px; }
	.rlx-mega--panes .rlx-mega__feat:not(.is-photo) .rlx-mega__feattxt strong { color: var(--t-d, var(--rlx-ink)); }
	.rlx-mega--panes .rlx-mega__featpic img { transition: transform 1.1s var(--rlx-ease); }
	.rlx-mega--panes .rlx-mega__feat:hover .rlx-mega__featpic img { transform: scale(1.07); }
	.rlx-mega--panes .rlx-mega__feat:hover { box-shadow: 0 24px 40px -24px rgba(60, 40, 25, .8); }
}
@media (min-width: 1081px) and (max-width: 1180px) {
	.rlx-mega--panes .rlx-mega__tab .rlx-cthumb-w, .rlx-mega--panes.is-two .rlx-mega__tab .rlx-cthumb-w { width: 40px; height: 40px; }
	.rlx-mega--panes .rlx-mega__tab, .rlx-mega--panes.is-two .rlx-mega__tab { min-height: 46px; }
}
@media (prefers-reduced-motion: reduce) {
	.rlx-mega--panes .rlx-cthumb, .rlx-mega--panes .rlx-mega__featpic img, .rlx-mega--panes .rlx-mega__tiles a { transition: none !important; }
}
/* 22) Начална – „Нашите категории“ (30.10, собственикът: „различни по големина карти… всички подкатегории, в блок без празнота“):
      мрежа от 12 колони, ширината на картата (--sp) и колоните на подкатегориите (--sc) идват от views._bento();
      картите в един ред са с едно дъно – снимката отгоре поема разликата във височината */
.rlx-hcards { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); align-items: stretch; justify-content: stretch; }
.rlx-hcard { grid-column: span var(--sp, 4); flex: none; }
.rlx-hcard__top { flex: 1 1 auto; aspect-ratio: auto; min-height: 170px; }
.rlx-hcard__subs { flex: none; display: grid; grid-template-columns: repeat(var(--sc, 1), minmax(0, 1fr)); column-gap: 14px; padding-top: 8px; }
.rlx-hcard__subs li + li { border-top: 0; }
.rlx-hcard__subs li { border-bottom: 1px dashed var(--rlx-line); }
.rlx-hcard__subs .rlx-cthumb { width: 40px; height: 40px; }
.rlx-hcard--c3 .rlx-hcard__name { font-size: 28px; }
.rlx-hcard--c3 .rlx-hcard__circle, .rlx-hcard--c2 .rlx-hcard__circle { width: auto; height: 74%; }
@media (max-width: 1080px) {
	.rlx-hcards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.rlx-hcard { grid-column: span 1; }
	.rlx-hcard--c3 { grid-column: 1 / -1; }
	.rlx-hcard__subs { grid-template-columns: repeat(min(var(--sc, 1), 2), minmax(0, 1fr)); }
	.rlx-hcard--c3 .rlx-hcard__subs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.rlx-hcard:not(.rlx-hcard--c3) .rlx-hcard__subs { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 680px) {
	.rlx-hcards { grid-template-columns: minmax(0, 1fr); }
	.rlx-hcard--c3 .rlx-hcard__subs, .rlx-hcard--c2 .rlx-hcard__subs { grid-template-columns: minmax(0, 1fr); } /* на телефон – един стълб, имената се виждат цели */
	.rlx-hcard__top { min-height: 0; aspect-ratio: 16 / 9; }
	.rlx-hcard__subs a { gap: 8px; font-size: 13px; }
	.rlx-hcard__subs .rlx-cthumb { width: 34px; height: 34px; }
}
/* 22) – мястото, което секцията пази, докато не е изрисувана (content-visibility), за да не скача страницата */
.rlx-section:has(.rlx-hcards) { contain-intrinsic-size: auto 2700px; }
@media (min-width: 681px) { .rlx-section:has(.rlx-hcards) { contain-intrinsic-size: auto 1750px; } }
@media (min-width: 1081px) { .rlx-section:has(.rlx-hcards) { contain-intrinsic-size: auto 1150px; } }
/* 23) 30.10: „Душ-кабини“ в менюто – голяма снимка над името и етикетите (собственикът: „уголеми душ кабините“) */
@media (min-width: 1081px) {
	.rlx-mega--panes .rlx-mega__col.is-big { display: flex; flex-direction: column; flex-grow: 3 !important; padding: 5px 5px 10px; }
	.rlx-mega--panes .rlx-mega__col.is-big .rlx-mega__colhead { flex: 1 1 auto; flex-direction: column; align-items: stretch; gap: 0; }
	.rlx-mega--panes .rlx-mega__col.is-big .rlx-mega__colhead .rlx-cthumb-w { flex: 1 1 auto; width: 100%; height: auto; min-height: 120px; contain: size; padding: 6px; border-radius: 10px; background: var(--t-tint, #f7f2ea); box-shadow: none; }
	.rlx-mega--panes .rlx-mega__col.is-big .rlx-mega__colhead .rlx-cthumb-w:has(.is-photo) { padding: 0; }
	.rlx-mega--panes .rlx-mega__col.is-big .rlx-mega__colhead > span:last-child { padding: 8px 6px 0; font-size: 14.5px; }
	.rlx-mega--panes .rlx-mega__col.is-big .rlx-mega__sub { padding: 0 6px; }
}
/* 24) 30.10: кръглата емблема в горната част на категорията – вдясно, никога върху заглавието (собственикът) */
.rlx-chead__in { flex: 1 1 0; max-width: none; }
.rlx-chead__title, .rlx-chead__desc { max-width: 680px; }
.rlx-chead__art { margin-left: auto; }
@media (min-width: 681px) and (max-width: 1180px) { .rlx-chead__art { width: 180px; margin-right: 10px; } .rlx-chead__title { overflow-wrap: anywhere; } }
@media (max-width: 680px) { .rlx-chead__title { padding-right: 0; } .rlx-chead:has(.rlx-chead__art) .rlx-chead__kicker, .rlx-chead:has(.rlx-chead__art) .rlx-kicker { padding-right: 96px; } }

/* 30.10 (4): „Басейни“ в голямото меню – подкатегориите като карти със снимка (категорийните снимки от baseini.net), без голямата снимка под тях */
.rlx-mega--panes .rlx-mega__col.is-pics { flex-grow: 1; }
.rlx-mega--panes .rlx-mega__cols .rlx-mega__sub.is-pics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; margin-top: 8px; }
.rlx-mega--panes .rlx-mega__cols .rlx-mega__sub.is-pics a { display: flex; flex-direction: row; align-items: center; gap: 6px; height: 100%; padding: 3px 6px 3px 3px; border-radius: 10px; background: #fff; box-shadow: 0 0 0 1px #ece2d6; font-size: 11.5px; line-height: 1.2; text-align: left; }
.rlx-mega--panes .rlx-mega__sub.is-pics .rlx-mega__subpic { display: block; flex: none; width: 34px; height: 34px; overflow: hidden; border-radius: 8px; background: var(--t-tint, #f7f2ea); }
.rlx-mega--panes .rlx-mega__sub.is-pics .rlx-cthumb { display: block; width: 100%; height: 100%; padding: 0; object-fit: cover; transition: transform .5s var(--rlx-ease); }
.rlx-mega--panes .rlx-mega__cols .rlx-mega__col.is-pics:hover .rlx-cthumb { transform: none; }
.rlx-mega--panes .rlx-mega__sub.is-pics a:hover .rlx-cthumb { transform: scale(1.06); }
/* 30.10 (5): по-ниско меню – карти „Басейни“ на ред (снимка 40 px + име); последната карта в колона вече не показва голяма снимка долу (собственикът: „снимките на аксесоари, части и ВиК не са като другите“); Баня – плоски карти, душ-кабините на 2 места */
.rlx-mega--panes .rlx-mega__tiles li.is-big .rlx-cthumb-w { aspect-ratio: auto; }
/* 30.10 (6): картите в колоните – по-голяма снимка (56 px) на реда с името, стегнато като в baseini.net; без разтеглени бежови полета със ситни снимки */
.rlx-mega--panes .rlx-mega__cols .rlx-mega__col, .rlx-mega--panes .rlx-mega__stack .rlx-mega__col, .rlx-mega--panes .rlx-mega__stack .rlx-mega__col:not(:has(.rlx-mega__sub)), .rlx-mega--panes .rlx-mega__stack:not(.has-tile) .rlx-mega__col:last-child { flex: 1 1 auto !important; display: block; margin: 0; padding: 7px 8px 8px; }
.rlx-mega--panes .rlx-mega__cols .rlx-mega__col .rlx-mega__colhead, .rlx-mega--panes .rlx-mega__stack .rlx-mega__col:not(:has(.rlx-mega__sub)) .rlx-mega__colhead { display: flex; flex: none; flex-direction: row; align-items: center; gap: 10px; }
.rlx-mega--panes .rlx-mega__cols .rlx-mega__col .rlx-cthumb-w { flex: none !important; width: 56px !important; height: 56px !important; min-height: 0 !important; margin: 0 !important; padding: 3px !important; border-radius: 10px; background: #fff !important; box-shadow: 0 0 0 1px #eee3d6 !important; contain: none !important; order: 0 !important; }
.rlx-mega--panes .rlx-mega__cols .rlx-mega__col .rlx-cthumb-w > .rlx-cthumb { display: block !important; width: 100%; height: 100%; padding: 0 !important; border-radius: 8px; background: none; object-fit: contain; }
.rlx-mega--panes .rlx-mega__cols .rlx-mega__col .rlx-cthumb-w:has(.is-photo) { padding: 0 !important; overflow: hidden; }
.rlx-mega--panes .rlx-mega__cols .rlx-mega__col .rlx-cthumb-w > .rlx-cthumb.is-photo { object-fit: cover; }
.rlx-mega--panes .rlx-mega__cols .rlx-mega__col .rlx-mega__colhead > span:last-child { order: 0 !important; padding: 0 !important; color: var(--t-d, var(--rlx-ink)); font: 600 13.5px/1.25 var(--rlx-sans); }
.rlx-mega--panes .rlx-mega__cols .rlx-mega__col .rlx-mega__sub { order: 0 !important; margin-top: 7px; padding: 0 !important; }
.rlx-mega--panes .rlx-mega__cols .rlx-mega__col.is-pics .rlx-mega__colhead > span:last-child { padding: 2px 0 0 !important; }
/* 30.10 (7): без празни места – картите в колона се разпъват до общото дъно (колоните с равна височина); сбити карти, когато иначе панелът ще иска плъзгач; Баня – бели карти, снимки на бял фон */
.rlx-mega--panes .rlx-mega__cols.is-stacks { align-items: stretch; }
.rlx-mega--panes .rlx-mega__stack > ul { gap: 8px; }
.rlx-mega--panes .rlx-mega__cols.is-dense .rlx-mega__col .rlx-cthumb-w { width: 42px !important; height: 42px !important; }
.rlx-mega--panes .rlx-mega__cols.is-dense .rlx-mega__col { padding: 5px 7px 6px !important; }
.rlx-mega--panes .rlx-mega__cols.is-dense .rlx-mega__col .rlx-mega__sub { margin-top: 5px; }
.rlx-mega--panes .rlx-mega__cols.is-dense .rlx-mega__stack > ul { gap: 6px; }
.rlx-mega--panes .rlx-mega__tiles.is-white a { background: #fff; }
.rlx-mega--panes .rlx-mega__tiles.is-white .rlx-cthumb-w { padding: 8px !important; background: #fff !important; }
.rlx-mega--panes .rlx-mega__tiles.is-white .rlx-cthumb { object-fit: contain !important; background: #fff; }
.rlx-mega--panes .rlx-mega__cols .rlx-mega__sub.is-pics a { font-size: 11px; padding: 3px 4px 3px 3px; gap: 5px; }
.rlx-mega--panes .rlx-mega__cols .rlx-mega__sub li.is-more a { background: var(--t-tint, #f7f2ea); color: var(--t-d, var(--rlx-bordo)); font-weight: 700; }
/* 30.10 (8): много карти в група – на ред: снимка 56 px + име (Градински мебели и др.), без плъзгач */
.rlx-mega--panes .rlx-mega__tiles.is-compact { grid-auto-rows: auto; gap: 8px; }
.rlx-mega--panes .rlx-mega__tiles.is-compact a { flex-direction: row; align-items: center; gap: 10px; padding: 6px 8px 6px 6px; }
.rlx-mega--panes .rlx-mega__tiles.is-compact .rlx-cthumb-w { flex: none !important; width: 56px !important; height: 56px !important; min-height: 0 !important; padding: 3px !important; background: #fff !important; box-shadow: 0 0 0 1px #eee3d6; contain: none !important; }
.rlx-mega--panes .rlx-mega__tiles.is-compact .rlx-cthumb-w:has(.is-photo) { padding: 0 !important; overflow: hidden; }
.rlx-mega--panes .rlx-mega__tiles.is-compact .rlx-cthumb { width: 100%; height: 100%; padding: 0 !important; object-fit: contain; }
.rlx-mega--panes .rlx-mega__tiles.is-compact .rlx-cthumb.is-photo { object-fit: cover; }
.rlx-mega--panes .rlx-mega__tiles.is-compact a > span:last-child { min-height: 0; padding: 0; text-align: left; font: 600 13px/1.25 var(--rlx-sans); }

/* 30.10 (10): „Басейни и оборудване“ – два отделни блока (собственикът: „басейните трябва да са отделени от останалото оборудване и да няма плъзгач“): вляво видовете басейни – големи снимки, вдясно оборудването – редове снимка + име на кремав фон */
@media (min-width: 1081px) {
	.rlx-mega--panes .rlx-mega__split { grid-column: 1; grid-row: 2; display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 12px; min-width: 0; min-height: 0; }
	.rlx-mega--panes .rlx-mega__kinds { display: flex; flex-direction: column; gap: 6px; min-width: 0; min-height: 0; }
	.rlx-mega--panes .rlx-mega__sechead { display: inline-flex; align-items: center; gap: 4px; padding: 0 2px; color: var(--t-d, var(--rlx-ink)); font: 600 14px/1.2 var(--rlx-sans); }
	.rlx-mega--panes .rlx-mega__sechead:hover { color: var(--t, var(--rlx-bordo)); }
	.rlx-mega--panes .rlx-mega__tiles.is-kinds { flex: 1 1 auto; display: grid; grid-auto-rows: 1fr; min-height: 0; }
	.rlx-mega--panes .rlx-mega__tiles.is-kinds a { padding: 4px 4px 6px; }
	.rlx-mega--panes .rlx-mega__tiles.is-kinds .rlx-cthumb-w { min-height: 80px; padding: 0 !important; overflow: hidden; }
	.rlx-mega--panes .rlx-mega__tiles.is-kinds .rlx-cthumb { width: 100%; height: 100%; object-fit: cover; }
	.rlx-mega--panes .rlx-mega__tiles.is-kinds a > span:last-child { min-height: 2.5em; padding: 5px 2px 0; font-size: 12.5px; line-height: 1.22; }
	.rlx-mega--panes .rlx-mega__tiles.is-equip { display: grid; grid-auto-rows: 1fr; align-content: stretch; gap: 6px; min-height: 0; padding: 8px; border-radius: 16px; background: var(--t-tint, #f7f2ea); }
	.rlx-mega--panes .rlx-mega__tiles.is-equip a { gap: 8px; padding: 5px 6px 5px 5px; }
	.rlx-mega--panes .rlx-mega__tiles.is-equip .rlx-cthumb-w { width: 50px !important; height: 50px !important; }
	.rlx-mega--panes .rlx-mega__tiles.is-equip a > span:last-child { font-size: 12.5px; }
}
/* 30.10 (12): всички менюта с височината на „Градина“ (498 px; собственикът: „направи другите по неговата височина“) – „Градина“ не се променя; групите вляво в една колона – по-ниски редове, за да се събере „Интериор“ */
@media (min-width: 1081px) {
	.rlx-mega--panes .rlx-mega__in { min-height: 498px; }
	.rlx-mega--panes:not(.is-two) .rlx-mega__tab { min-height: 46px; }
	.rlx-mega--panes:not(.is-two) .rlx-mega__tab .rlx-cthumb-w { width: 40px !important; height: 40px !important; }
}
/* 30.10 (13): „Баня“ – снимките в обстановка (избрани с очи) запълват картата, без бели полета */
@media (min-width: 1081px) {
	.rlx-mega--panes .rlx-mega__tiles.is-white .rlx-cthumb-w:has(.is-photo) { padding: 0 !important; overflow: hidden; border-radius: 10px; }
	.rlx-mega--panes .rlx-mega__tiles.is-white .rlx-cthumb.is-photo { object-fit: cover !important; }
}
/* 31.10: всички менюта колкото „Градина“ (на 1600 px тя е 548 px; theme.js мери „Градина“ и дава същата височина на другите); групите извън „Градина“ са карти със снимка (menu.py), „Градина“ не се променя */
@media (min-width: 1081px) {
	.rlx-mega--panes:not(.is-two) .rlx-mega__in { min-height: var(--rlx-garden-h, 548px); }
}
/* 31.10: подкатегориите под снимката на картата – по една на ред (собственикът: „искам да ги има и подкатегориите им без празни полета“, „не … на един ред“); снимката поема останалото място, панелът остава колкото „Градина“ */
@media (min-width: 1081px) {
	.rlx-mega--panes .rlx-mega__tiles li.has-subs { display: flex; flex-direction: column; min-height: 0; border-radius: 14px; background: #fff; box-shadow: 0 0 0 1px #efe6db; overflow: hidden; }
	.rlx-mega--panes .rlx-mega__tiles li.has-subs > a { flex: 1 1 auto; height: auto; min-height: 0; padding-bottom: 2px; box-shadow: none; }
	.rlx-mega--panes .rlx-mega__tiles li.has-subs > a:hover { transform: none; box-shadow: none; }
	.rlx-mega--panes .rlx-mega__tiles li.has-subs > a .rlx-cthumb-w { flex: 1 1 0 !important; min-height: 48px !important; }
	.rlx-mega--panes .rlx-mega__tiles li.has-subs > a > span:last-child { min-height: 0; padding-top: 5px; }
	.rlx-mega--panes .rlx-mega__tiles li.has-subs:hover { box-shadow: 0 0 0 1.5px rgba(var(--t-rgb, 139, 29, 44), .45), 0 14px 24px -16px rgba(60, 40, 25, .55); }
	.rlx-mega--panes .rlx-mega__tiles .rlx-mega__tsubs { flex: none; display: block; margin: 0; padding: 3px 8px 6px; list-style: none; border-top: 1px solid #f1e9df; }
	.rlx-mega--panes .rlx-mega__tiles .rlx-mega__tsubs li { display: block; }
	.rlx-mega--panes .rlx-mega__tiles .rlx-mega__tsubs a { display: block; position: relative; height: auto; overflow: hidden; padding: 1px 4px 1px 12px; border-radius: 6px; background: none; box-shadow: none; color: #5a5048; font: 500 12.5px/1.35 var(--rlx-sans); text-align: left; white-space: nowrap; text-overflow: ellipsis; transform: none; }
	.rlx-mega--panes .rlx-mega__tiles .rlx-mega__tsubs a::before { content: ""; position: absolute; left: 3px; top: .62em; width: 4px; height: 4px; border-radius: 50%; background: var(--t, var(--rlx-bordo)); opacity: .55; }
	.rlx-mega--panes .rlx-mega__tiles .rlx-mega__tsubs a:hover { transform: none; background: var(--t-tint, #f7f2ea); box-shadow: none; color: var(--t-d, var(--rlx-bordo)); }
	.rlx-mega--panes .rlx-mega__tiles .rlx-mega__tsubs .is-more a { color: var(--t-d, var(--rlx-bordo)); font-weight: 600; }
	.rlx-mega--panes .rlx-mega__tiles .rlx-mega__tsubs .is-more a::before { display: none; }
}
/* 31.10 (2): карти с различна ширина (menu._bento): всички подкатегории се виждат, в колонки (--sc) */
@media (min-width: 1081px) {
	.rlx-mega--panes .rlx-mega__tiles.is-bento { grid-template-columns: repeat(12, minmax(0, 1fr)); }
	.rlx-mega--panes .rlx-mega__tiles.is-bento .rlx-mega__tsubs { columns: var(--sc, 1); column-gap: 10px; }
	.rlx-mega--panes .rlx-mega__tiles.is-bento .rlx-mega__tsubs li { break-inside: avoid; }
}
/* 31.10 (3): подкатегориите в картите – етикети като в „Градина“ (собственикът: „прави подкатегориите в този стил“), пренасят се на нов ред */
@media (min-width: 1081px) {
	.rlx-mega--panes .rlx-mega__tiles .rlx-mega__tsubs, .rlx-mega--panes .rlx-mega__tiles.is-bento .rlx-mega__tsubs { display: flex; flex-wrap: wrap; align-content: flex-start; gap: 5px; columns: auto; padding: 6px 7px 8px; border-top: 0; }
	.rlx-mega--panes .rlx-mega__tiles .rlx-mega__tsubs li { display: block; max-width: 100%; }
	.rlx-mega--panes .rlx-mega__tiles .rlx-mega__tsubs a { display: inline-block; max-width: 100%; padding: 3px 9px; border-radius: 10px; background: #fff; box-shadow: 0 0 0 1px #ece2d6; color: #4d443d; font: 400 12px/1.3 var(--rlx-sans); white-space: normal; text-overflow: clip; }
	.rlx-mega--panes .rlx-mega__tiles .rlx-mega__tsubs a::before { display: none; }
	.rlx-mega--panes .rlx-mega__tiles .rlx-mega__tsubs a:hover { background: var(--t, var(--rlx-bordo)); box-shadow: none; color: #fff; }
}
/* 31.10 (5): „Надуваеми продукти“ – снимката в картите с етикети не пада под 105 px (собственикът: „снимката трябва да е по-голяма“); висока карта (Кухня) – подредена плътно */
@media (min-width: 1081px) {
	.rlx-mega--panes .rlx-mega__tiles.is-bigpic li.has-subs > a .rlx-cthumb-w { min-height: 105px !important; }
}
/* 31.10: „Оферта на седмицата“ – снимка с фон запълва кръга (кръгът я изрязва, ъглите не се виждат); голям брояч до края на седмицата */
.rlx-deal__circle.is-photo { background: #2b3a2f; }
.rlx-deal__circle.is-photo img { width: 100%; height: 100%; object-fit: cover; }
.rlx-deal .rlx-countdown--week { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; margin: 0 0 30px; padding: 0; background: none; box-shadow: none; }
.rlx-deal .rlx-countdown--week .rlx-countdown__label { font-size: 13px; letter-spacing: .12em; text-transform: uppercase; }
.rlx-deal .rlx-countdown--week .rlx-countdown__time { gap: 10px; }
.rlx-deal .rlx-countdown--week .rlx-countdown__unit { position: relative; min-width: 74px; padding: 12px 6px 9px; border-radius: 16px; background: linear-gradient(180deg, rgba(255, 255, 255, .16) 0%, rgba(255, 255, 255, .06) 100%); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18), 0 18px 30px -18px rgba(0, 0, 0, .6); backdrop-filter: blur(4px); }
.rlx-deal .rlx-countdown--week .rlx-countdown__unit::after { content: ""; position: absolute; left: 8px; right: 8px; top: 50%; height: 1px; background: rgba(0, 0, 0, .18); }
.rlx-deal .rlx-countdown--week .rlx-countdown__unit b { color: #fff; font: 600 34px/1 var(--rlx-serif); letter-spacing: .02em; text-shadow: 0 2px 10px rgba(0, 0, 0, .25); }
.rlx-deal .rlx-countdown--week .rlx-countdown__unit small { margin-top: 6px; color: #e9c27d; font-size: 10.5px; font-weight: 600; letter-spacing: .14em; }
.rlx-deal .rlx-countdown--week .rlx-countdown__unit + .rlx-countdown__unit::before { content: ":"; position: absolute; left: -9px; top: 14px; color: rgba(233, 194, 125, .7); font: 600 26px/1 var(--rlx-serif); }
@media (max-width: 1080px) { .rlx-deal .rlx-countdown--week { align-items: center; } }
@media (max-width: 680px) { .rlx-deal .rlx-countdown--week .rlx-countdown__unit { min-width: 58px; padding: 10px 4px 7px; } .rlx-deal .rlx-countdown--week .rlx-countdown__unit b { font-size: 26px; } }
/* 31.10 (7): снимката вляво с пълната височина на картата, етикетите вдясно – само Текстил, Спалня, Кучета, Котки (одобрени от собственика) и „Кухненски аксесоари“ */
@media (min-width: 1081px) {
	.rlx-mega--panes .rlx-mega__tiles li.is-side { display: grid; grid-template-columns: minmax(0, var(--sw, 46%)) minmax(0, 1fr); align-items: stretch; }
	.rlx-mega--panes .rlx-mega__tiles li.is-side > a { grid-row: 1; padding: 5px 5px 8px; }
	.rlx-mega--panes .rlx-mega__tiles li.is-side > a .rlx-cthumb-w { min-height: 80px !important; }
	.rlx-mega--panes .rlx-mega__tiles li.is-side .rlx-mega__tsubs { grid-row: 1; align-content: center; align-self: stretch; overflow: hidden; padding: 8px 8px 8px 4px; }
}
/* 31.10: статията на началната – по-широко (собственикът: „разпредели малко по-широко, сега е много свит“) */
@media (min-width: 1081px) { .rlx-story__text { max-width: none; padding-left: 80px; padding-right: 80px; } }

/* 31.10: пътят под снимката на продукта вместо „Код/Категории“ – пренася се на редове и на телефон */
.woocommerce div.product .rlx-crumbs--meta, .rlx-crumbs--meta { display: block !important; white-space: normal !important; overflow: visible !important; max-width: none; margin: 0; padding: 18px 0 0 !important; border-radius: 0; background: none; box-shadow: none; border-top: 1px dashed var(--rlx-line); color: var(--rlx-muted); font-size: 13.5px; line-height: 1.7; }
.rlx-crumbs--meta a { display: inline !important; min-height: 0 !important; line-height: inherit !important; }
.rlx-crumbs--meta span { color: var(--rlx-ink, #333); }
/* 31.10, собственикът: „снимките на отопление трябва да са изравнени“ – еднаква височина на името и на етикетите отдолу → еднакви кутии за снимките (menu.EVEN) */
.rlx-mega--panes .rlx-mega__tiles.is-even li > a > span:last-child { flex: none; height: calc(1.22em + 9px); min-height: 0; padding: 7px 2px 0; overflow: hidden; }
.rlx-mega--panes .rlx-mega__tiles.is-even .rlx-mega__tsubs { flex: none; height: 84px; box-sizing: border-box; overflow: hidden; }
.rlx-mega--panes .rlx-mega__tiles.is-even li:not(.has-subs) > a { padding-bottom: 61px; }


/* 31.10.2026 – SEO текстът на категорията под продуктите: свит с „Прочети още“ (седи под .rlx-cdesc; без JS текстът е цял) */
.rlx-cdesc.is-clamped .rlx-cdesc__in { max-height: 260px; overflow: hidden; -webkit-mask-image: linear-gradient(#000 55%, transparent 100%); mask-image: linear-gradient(#000 55%, transparent 100%); }
.rlx-cdesc__more { display: block; margin: 14px auto 0; }
.rlx-cdesc h2 { font-size: clamp(22px, 2vw, 28px); margin: 0 0 14px; }
.rlx-cdesc h3 { font-size: 19px; margin: 22px 0 8px; }
.rlx-cdesc p, .rlx-cdesc li { line-height: 1.7; }
.rlx-cdesc ul { padding-left: 22px; }

/* 01.11: логото на марката до „Производител“ (логата от kulinski.bg в media/brands/) */
.rlx-pbrand { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px; }
.rlx-pbrand__logo { height: 36px; width: auto; max-width: 130px; object-fit: contain; }

/* таб „Гаранция и доставка“ (01.11.2026) */
.rlx-itab { display: flex; flex-direction: column; gap: 18px; margin: 8px 0 24px; }
.rlx-itab__top { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.rlx-itab--one .rlx-itab__top { grid-template-columns: minmax(0, 1fr); }
.rlx-itab__card { display: grid; grid-template-columns: 64px minmax(0, 1fr); column-gap: 18px; align-items: start; padding: 26px 28px; border-radius: 22px; background: linear-gradient(135deg, #fdf3f1, #fbe9ec); border: 1px solid rgba(122, 28, 58, .1); }
.rlx-itab__card--d { background: linear-gradient(135deg, #eff7f1, #e0f0e6); border-color: rgba(46, 110, 80, .16); }
.rlx-itab__ico { grid-row: span 3; display: inline-flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; background: #fff; color: #7a1c3a; box-shadow: 0 8px 20px -10px rgba(60, 40, 25, .45); }
.rlx-itab__card--d .rlx-itab__ico { color: #2e6e50; }
.rlx-itab__card h3 { margin: 2px 0 2px; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #6b6058; }
.rlx-itab .rlx-itab__val { margin: 0 0 8px; font-family: var(--rlx-serif, inherit); font-size: 32px; line-height: 1.15; font-weight: 600; color: #7a1c3a; }
.rlx-itab__card--d .rlx-itab__val { color: #2e6e50; }
.rlx-itab__card p:last-child { margin: 0; font-size: 14.5px; line-height: 1.6; color: #4d443d; }
.rlx-itab__steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 0; margin: 4px 0 0; padding: 0; list-style: none; counter-reset: rlxstep; }
.rlx-itab__steps li { position: relative; margin: 0; padding: 0 14px; text-align: center; font-size: 14px; line-height: 1.45; color: #4d443d; counter-increment: rlxstep; }
.rlx-itab__steps li::before { content: counter(rlxstep); position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin: 0 auto 10px; border-radius: 50%; background: #2e6e50; color: #fff; font-weight: 700; font-size: 15px; }
.rlx-itab__steps li:not(:last-child)::after { content: ""; position: absolute; top: 19px; left: 50%; width: 100%; height: 2px; background: #cfe3d6; }
.rlx-itab__facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 6px 0 0; padding: 0; list-style: none; }
.rlx-itab__facts li { display: flex; gap: 14px; margin: 0; padding: 18px; border-radius: 16px; background: #fff; box-shadow: 0 0 0 1px #efe6db; }
.rlx-itab__fico { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 12px; background: #f2f7f3; color: #2e6e50; }
.rlx-itab__facts strong { display: block; margin-bottom: 3px; font-size: 14.5px; font-weight: 700; color: #2a2525; }
.rlx-itab__facts small { display: block; font-size: 13.5px; line-height: 1.5; color: #5a5048; }
.rlx-itab__links { display: flex; flex-wrap: wrap; gap: 8px 20px; margin: 0; font-size: 14px; }
.rlx-itab__links a { color: #2e6e50; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 900px) { .rlx-itab__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rlx-itab__top { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 640px) { .rlx-itab__facts { grid-template-columns: minmax(0, 1fr); } .rlx-itab__card { grid-template-columns: 48px minmax(0, 1fr); column-gap: 14px; padding: 20px; } .rlx-itab__ico { width: 48px; height: 48px; } .rlx-itab .rlx-itab__val { font-size: 25px; } .rlx-itab__steps { grid-template-columns: minmax(0, 1fr); gap: 12px; } .rlx-itab__steps li { display: flex; align-items: center; gap: 12px; padding: 0; text-align: left; } .rlx-itab__steps li::before { flex: none; margin: 0; width: 34px; height: 34px; } .rlx-itab__steps li::after { display: none; } }

/* 01.11.2026 (собственикът): картите на категориите в менюто са бели – снимките са на бял фон */
@media (min-width: 1px) {
	.rlx-mega--panes .rlx-mega__tiles .rlx-cthumb-w, .rlx-mega--panes .rlx-mega__tiles.is-mid .rlx-cthumb-w, .rlx-mega--panes .rlx-mega__tiles li:nth-child(even) .rlx-cthumb-w, .rlx-mega--panes .rlx-mega__stack .rlx-mega__col:not(:has(.rlx-mega__sub)) .rlx-cthumb-w { background: #fff; }
	.rlx-mega--panes .rlx-mega__col { background: #fff; }
}
/* менюто на телефона: стрелка на всяко ниво (собственикът 01.11.2026) */
.rlx-offcanvas .rlx-acc .rlx-acc .rlx-acc { margin-left: 10px; }
.rlx-offcanvas .rlx-acc--1 > li > .rlx-acc__row a, .rlx-offcanvas .rlx-acc--2 > li > .rlx-acc__row a { line-height: 1.3; }
.rlx-offcanvas .rlx-acc--2 > li > .rlx-acc__row a, .rlx-offcanvas .rlx-acc--3 > li > .rlx-acc__row a, .rlx-offcanvas .rlx-acc--4 > li > .rlx-acc__row a { font-size: 14px; font-weight: 500; padding: 9px 8px; line-height: 1.3; }
.rlx-offcanvas .rlx-acc__toggle { flex: none; }