/* 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; right: -40px; bottom: -60px; width: 420px; height: 420px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%2345703f' stroke-width='2.2' stroke-linecap='round' opacity='.55'%3E%3Cpath d='M20 180C40 120 90 70 170 40'/%3E%3Cpath d='M60 128c-10-26 2-54 32-62 4 30-8 54-32 62Z'/%3E%3Cpath d='M60 128c14-18 24-36 32-62'/%3E%3Cpath d='M104 86c-4-28 14-50 44-52-2 30-16 48-44 52Z'/%3E%3Cpath d='M104 86c16-14 30-30 44-52'/%3E%3Cpath d='M34 160c-16-14-22-34-12-54 22 10 30 32 12 54Z'/%3E%3Cpath d='M34 160c-2-20 2-36 12-54'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain; opacity: .9; pointer-events: none; z-index: 0; }
.rlx-content .rlxb-garden::after { content: ""; position: absolute; left: -90px; top: -90px; width: 260px; height: 260px; border-radius: 50%; background: radial-gradient(circle, rgba(111,149,98,.28), rgba(111,149,98,0) 70%); pointer-events: none; z-index: 0; }
.rlx-content .rlxb-garden > * { position: relative; z-index: 1; }
.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; }