/* „Блог за дома и градината“ (01.11.2026) – само в блога (page_blog.html, page_blog_post.html, blog/card.html).
   Собственикът: тематични секции в различни цветове; „нежно, модерно и красиво, в синхрон с темата“ – затова езикът е този на плочките
   от началната (.rlx-promo): меки градиенти с бяло сияние, продуктът в бяла арка с пунктирен кръг, Playfair + Manrope, ябълковият цвят
   на темата в ъгъла. Лианите от GIMP четките собственикът отхвърли – не ги връщай. Не е в CSS_FILES (не минава през build.mjs). */

/* ---------- тоновете на секциите ---------- */
.rlx-bl-tone--terra { --bt: #c46a47; --bt-d: #9a4a2e; --bt-l: #fbf1ea; --bt-l2: #f3dccb; --bt-ring: rgba(196, 106, 71, .38); }
.rlx-bl-tone--green { --bt: #45703f; --bt-d: #2f4d35; --bt-l: #f3f7ee; --bt-l2: #dce7cf; --bt-ring: rgba(69, 112, 63, .36); }
.rlx-bl-tone--sand { --bt: #a0764f; --bt-d: #7a5537; --bt-l: #faf4ec; --bt-l2: #ecdcc6; --bt-ring: rgba(160, 118, 79, .38); }
.rlx-bl-tone--navy { --bt: #3d5a82; --bt-d: #263a56; --bt-l: #f1f5f9; --bt-l2: #d9e3ef; --bt-ring: rgba(53, 78, 113, .34); }
.rlx-bl-tone--bordo { --bt: #a3243c; --bt-d: #7c1727; --bt-l: #fcf3f2; --bt-l2: #f1d9d8; --bt-ring: rgba(163, 36, 60, .3); }
.rlx-bl-tone--pool { --bt: #3f7b8c; --bt-d: #2b5a67; --bt-l: #eff7f8; --bt-l2: #d4e8ec; --bt-ring: rgba(63, 123, 140, .36); }
[class*="rlx-bl-tone--"] { --t-grad: linear-gradient(115deg, var(--bt-d) 0%, var(--bt) 100%); --t-tint: var(--bt-l); --t-tint2: var(--bt-l2); --t-d: var(--bt-d); }

.rlx-bl-page, .rlx-bp { padding: 26px 0 70px; }
.rlx-bl-ico { flex: none; display: block; }

/* малки общи елементи */
.rlx-bl-chip { display: inline-flex; align-items: center; gap: 6px; min-height: 26px; padding: 0 11px; border-radius: 999px; background: #fff; color: var(--bt-d, var(--rlx-bordo)); font: 700 11px/1 var(--rlx-sans); letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; box-shadow: 0 0 0 1px var(--bt-l2, var(--rlx-line)); }
.rlx-bl-chip .rlx-bl-ico { width: 14px; height: 14px; }
.rlx-bl-chip--new { background: var(--rlx-grad); color: #fff; box-shadow: none; }
.rlx-bl-btn { display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 22px 0 26px; border-radius: 999px; background: var(--rlx-grad); color: #fff; font: 700 14px/1 var(--rlx-sans); letter-spacing: .02em; box-shadow: 0 16px 30px -14px rgba(139, 29, 44, .75); transition: transform .3s var(--rlx-ease), box-shadow .3s; }
.rlx-bl-btn:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 22px 36px -14px rgba(139, 29, 44, .8); }
.rlx-bl-btn .rlx-ico { transition: transform .3s var(--rlx-ease); }
.rlx-bl-btn:hover .rlx-ico { transform: translateX(4px); }

/* ---------- началото на блога ---------- */
.rlx-blh__card {
	position: relative; isolation: isolate; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); align-items: center; gap: 40px;
	padding: 58px 56px 62px 64px; border-radius: var(--rlx-r-lg);
	background: radial-gradient(560px 420px at 84% 22%, rgba(255, 255, 255, .85), rgba(255, 255, 255, 0) 66%), linear-gradient(135deg, #f8ece4 0%, #f7f1ea 48%, #e8efe0 100%);
	box-shadow: var(--rlx-shadow-sm);
}
.rlx-blh__text { position: relative; min-width: 0; }
.rlx-blh__kick { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 16px; color: var(--rlx-berry); font: 700 12px/1 var(--rlx-sans); letter-spacing: .22em; text-transform: uppercase; }
.rlx-blh__kick::before { content: ""; width: 28px; height: 1.5px; border-radius: 2px; background: currentColor; opacity: .6; }
.rlx-blh__title { margin: 0; color: var(--rlx-ink); font: 500 clamp(40px, 4.6vw, 64px)/1.04 var(--rlx-serif); letter-spacing: -.012em; }
.rlx-blh__title em { display: block; font-style: italic; background: linear-gradient(90deg, #8b1d2c 0%, #b4423a 45%, #c46a47 100%); -webkit-background-clip: text; background-clip: text; color: transparent; padding-bottom: .08em; }
.rlx-blh__lead { max-width: 520px; margin: 20px 0 0; color: var(--rlx-text); font-size: 16.5px; line-height: 1.7; }
.rlx-blh__topics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; max-width: 560px; margin-top: 32px; }
.rlx-blh__topic { display: flex; align-items: center; gap: 10px; min-height: 52px; padding: 6px 14px 6px 6px; border-radius: 999px; background: rgba(255, 255, 255, .78); color: var(--rlx-ink); box-shadow: 0 0 0 1px rgba(255, 255, 255, .9), 0 10px 22px -18px rgba(60, 40, 25, .6); backdrop-filter: blur(6px); transition: transform .35s var(--rlx-ease), box-shadow .35s, background .35s; }
.rlx-blh__topic:hover { color: var(--rlx-ink); background: #fff; transform: translateY(-3px); box-shadow: 0 0 0 1px var(--bt-l2), 0 16px 28px -18px var(--bt-ring); }
.rlx-blh__tico { flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(140deg, var(--bt-l) 0%, var(--bt-l2) 100%); color: var(--bt-d); }
.rlx-blh__tname { min-width: 0; font: 700 14px/1.2 var(--rlx-sans); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* арката с най-новата статия + двете малки */
.rlx-blh__art { position: relative; justify-self: center; width: min(100%, 360px); aspect-ratio: 33 / 40; }
.rlx-blh__main { position: absolute; inset: 0 0 0 4%; display: block; color: var(--rlx-ink); }
.rlx-blh__ring { position: absolute; inset: -16px -14px -14px -16px; border-radius: 50% 50% 34px 34px / 40% 40% 34px 34px; border: 1.5px dashed var(--bt-ring, rgba(139, 29, 44, .3)); transform: rotate(3.5deg); transition: transform .9s var(--rlx-ease); pointer-events: none; }
.rlx-blh__main:hover .rlx-blh__ring { transform: rotate(-2deg); }
.rlx-blh__arch, .rlx-bph__arch { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; border: 5px solid #fff; border-radius: 50% 50% 28px 28px / 40% 40% 28px 28px; background: var(--bt-l2, #f3e9e0); box-shadow: 0 40px 60px -34px rgba(70, 45, 25, .55); }
.rlx-blh__arch img, .rlx-bph__arch img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .9s var(--rlx-ease); } /* снимки с фон – запълват арката (01.11) */
/* едно цвете (един вид за всяка статия, GIMP четките – img/brush/bf-NNN.webp) върху рамото на арката */
.rlx-bl-flower { position: absolute; z-index: 2; left: -15%; top: -7%; width: 40%; height: auto; max-height: 50%; object-fit: contain; object-position: left top; transform: rotate(-9deg); filter: drop-shadow(0 16px 14px rgba(60, 40, 25, .26)); pointer-events: none; }
.rlx-blh__main:hover .rlx-blh__arch img { transform: scale(1.05); }
.rlx-blh__label { position: absolute; z-index: 2; left: -18%; right: 10%; bottom: 8%; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: 16px 18px 15px; border-radius: 20px; background: rgba(255, 255, 255, .94); box-shadow: 0 24px 40px -26px rgba(60, 40, 25, .6); backdrop-filter: blur(8px); }
.rlx-blh__ltitle { font: 500 17px/1.25 var(--rlx-serif); color: var(--rlx-ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.rlx-blh__lgo { display: inline-flex; align-items: center; gap: 6px; color: var(--bt-d, var(--rlx-bordo)); font: 700 12.5px/1 var(--rlx-sans); letter-spacing: .02em; }
.rlx-blh__lgo .rlx-ico { transition: transform .3s var(--rlx-ease); }
.rlx-blh__main:hover .rlx-blh__lgo .rlx-ico { transform: translateX(4px); }
.rlx-blh__mini { position: absolute; z-index: 3; display: flex; flex-direction: column; align-items: center; gap: 8px; color: var(--rlx-ink); }
.rlx-blh__mini--1 { right: -13%; top: 22%; }
.rlx-blh__mini--2 { right: -17%; top: 56%; }
.rlx-blh__dot { display: grid; place-items: center; width: 96px; height: 96px; overflow: hidden; border-radius: 50%; background: var(--bt-l2, #f3e9e0); box-shadow: 0 0 0 6px rgba(255, 255, 255, .55), 0 0 0 7px var(--bt-l2), 0 22px 34px -22px rgba(60, 40, 25, .6); transition: transform .5s var(--rlx-ease); }
.rlx-blh__dot img { width: 100%; height: 100%; object-fit: cover; }
.rlx-blh__mini:hover .rlx-blh__dot { transform: translateY(-4px) scale(1.04); }
.rlx-blh__mtopic { display: inline-flex; align-items: center; gap: 5px; padding: 5px 10px; border-radius: 999px; background: #fff; color: var(--bt-d); font: 700 10.5px/1 var(--rlx-sans); letter-spacing: .1em; text-transform: uppercase; box-shadow: 0 8px 16px -12px rgba(60, 40, 25, .6); }
.rlx-blh__mtopic .rlx-bl-ico { width: 13px; height: 13px; }

/* ---------- тематичните секции ---------- */
.rlx-bls { margin-top: 30px; scroll-margin-top: 110px; }
.rlx-bls__card {
	position: relative; isolation: isolate; overflow: hidden; padding: 46px 48px 50px; border-radius: var(--rlx-r-lg);
	background: radial-gradient(640px 420px at 88% 0, rgba(255, 255, 255, .78), rgba(255, 255, 255, 0) 68%), linear-gradient(140deg, var(--bt-l) 0%, var(--bt-l2) 100%);
	box-shadow: var(--rlx-shadow-sm);
}
.rlx-bls__wm { display: none; }
.rlx-bls__head { display: grid; grid-template-columns: auto minmax(0, 1fr) minmax(0, 400px); align-items: center; gap: 12px 22px; margin-bottom: 30px; }
.rlx-bls__ico { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: #fff; color: var(--bt); box-shadow: 0 0 0 6px rgba(255, 255, 255, .5), 0 18px 30px -20px var(--bt-ring); }
.rlx-bls__ico .rlx-bl-ico { width: 30px; height: 30px; }
.rlx-bls__kick { margin: 0 0 8px; color: var(--bt-d); font: 700 11.5px/1 var(--rlx-sans); letter-spacing: .22em; text-transform: uppercase; opacity: .85; }
.rlx-bls__title { margin: 0; color: var(--rlx-ink); font: 500 clamp(30px, 3vw, 42px)/1.06 var(--rlx-serif); letter-spacing: -.01em; }
.rlx-bls__title em { display: block; margin-top: 4px; color: var(--bt); font-size: .56em; font-style: italic; line-height: 1.25; letter-spacing: 0; }
.rlx-bls__desc { margin: 0; color: var(--rlx-text); font-size: 15px; line-height: 1.7; }
.rlx-bls__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.rlx-bls__grid[data-n="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.rlx-bls__grid[data-n="1"] { grid-template-columns: minmax(0, 1fr); }

/* ---------- картата на статия ---------- */
.rlx-blc { min-width: 0; }
.rlx-blc__link { display: flex; flex-direction: column; height: 100%; overflow: hidden; border-radius: var(--rlx-r); background: #fff; color: var(--rlx-ink); box-shadow: 0 0 0 1px rgba(255, 255, 255, .7), 0 18px 40px -30px rgba(70, 45, 25, .55); transition: transform .45s var(--rlx-ease), box-shadow .45s var(--rlx-ease); }
.rlx-blc__link:hover { color: var(--rlx-ink); transform: translateY(-6px); box-shadow: 0 0 0 1px var(--bt-l2), 0 34px 50px -32px rgba(70, 45, 25, .6); }
.rlx-blc__media { position: relative; display: flex; align-items: flex-end; justify-content: center; height: 236px; padding-top: 26px; background: radial-gradient(70% 90% at 50% 100%, #fff 0%, rgba(255, 255, 255, 0) 70%), linear-gradient(160deg, var(--bt-l) 0%, var(--bt-l2) 100%); }
.rlx-blc__media::before { content: ""; position: absolute; left: 50%; bottom: -14px; width: min(74%, 266px); aspect-ratio: 33 / 40; border-radius: 50% 50% 0 0 / 40% 40% 0 0; border: 1.5px dashed var(--bt-ring); transform: translateX(-46%) rotate(3deg); transition: transform .9s var(--rlx-ease); }
.rlx-blc__link:hover .rlx-blc__media::before { transform: translateX(-54%) rotate(-2deg); }
.rlx-blc__arch { position: relative; display: flex; align-items: center; justify-content: center; width: min(70%, 250px); height: 100%; overflow: hidden; border: 5px solid #fff; border-bottom: 0; border-radius: 50% 50% 0 0 / 34% 34% 0 0; background: var(--bt-l2, #f3e9e0); box-shadow: 0 -10px 30px -18px rgba(70, 45, 25, .45); }
.rlx-blc__arch img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .9s var(--rlx-ease); }
.rlx-blc__link:hover .rlx-blc__arch img { transform: scale(1.06); }
.rlx-blc__body { display: flex; flex: 1 1 auto; flex-direction: column; gap: 10px; padding: 22px 24px 24px; }
.rlx-blc__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; color: var(--rlx-muted); font: 600 12.5px/1.3 var(--rlx-sans); }
.rlx-blc__meta .rlx-bl-chip { margin-right: 4px; }
.rlx-blc__title { margin: 0; color: var(--rlx-ink); font: 500 21px/1.24 var(--rlx-serif); letter-spacing: -.004em; }
.rlx-blc__ex { color: var(--rlx-text); font-size: 14.5px; line-height: 1.62; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.rlx-blc__more { display: inline-flex; align-items: center; gap: 6px; margin-top: auto; padding-top: 6px; color: var(--bt-d); font: 700 13px/1 var(--rlx-sans); letter-spacing: .02em; }
.rlx-blc__more .rlx-ico { transition: transform .3s var(--rlx-ease); }
.rlx-blc__link:hover .rlx-blc__more .rlx-ico { transform: translateX(4px); }
/* една статия в секцията – широка карта */
.rlx-bls__grid[data-n="1"] .rlx-blc__link { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
.rlx-bls__grid[data-n="1"] .rlx-blc__media { height: auto; min-height: 280px; }
.rlx-bls__grid[data-n="1"] .rlx-blc__arch { width: min(54%, 230px); height: 250px; }
.rlx-bls__grid[data-n="1"] .rlx-blc__body { justify-content: center; padding: 34px 40px; }
.rlx-bls__grid[data-n="1"] .rlx-blc__title { font-size: 28px; }
.rlx-bls__grid[data-n="1"] .rlx-blc__ex { -webkit-line-clamp: 4; font-size: 15.5px; }
.rlx-bls__grid[data-n="1"] .rlx-blc__more { margin-top: 8px; }

/* ---------- статията ---------- */
.rlx-bp-progress { position: fixed; z-index: 120; left: 0; right: 0; top: 0; height: 3px; pointer-events: none; }
.rlx-bp-progress span { display: block; height: 100%; background: var(--t-grad); transform: scaleX(0); transform-origin: 0 50%; }
.rlx-bph__card {
	position: relative; isolation: isolate; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); align-items: center; gap: 44px;
	padding: 50px 56px 56px 60px; border-radius: var(--rlx-r-lg);
	background: radial-gradient(560px 420px at 86% 18%, rgba(255, 255, 255, .85), rgba(255, 255, 255, 0) 66%), linear-gradient(140deg, var(--bt-l) 0%, var(--bt-l2) 100%);
	box-shadow: var(--rlx-shadow-sm);
}
.rlx-bph__crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin: 0 0 20px; color: var(--rlx-muted); font: 600 13px/1.3 var(--rlx-sans); }
.rlx-bph__crumbs > a:first-child { color: var(--bt-d); }
.rlx-bph__crumbs > a:first-child:hover { text-decoration: underline; text-underline-offset: 3px; }
.rlx-bph__crumbs .rlx-bl-chip:hover { color: #fff; background: var(--bt); box-shadow: none; }
.rlx-bph__title { margin: 0; color: var(--rlx-ink); font: 500 clamp(32px, 3.6vw, 50px)/1.1 var(--rlx-serif); letter-spacing: -.012em; }
.rlx-bph__lead { max-width: 640px; margin: 18px 0 0; color: var(--rlx-text); font-size: 17px; line-height: 1.7; }
.rlx-bph__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; margin: 26px 0 0; color: var(--rlx-muted); font: 600 13.5px/1.3 var(--rlx-sans); }
.rlx-bph__meta > span { display: inline-flex; align-items: center; gap: 7px; }
.rlx-bph__by { color: var(--rlx-ink); }
.rlx-bph__av { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--t-grad); color: #fff; font: 500 14px/1 var(--rlx-serif); letter-spacing: .02em; }
.rlx-bph__art { position: relative; justify-self: center; width: min(100%, 330px); aspect-ratio: 33 / 40; }

.rlx-bp-body { display: grid; grid-template-columns: 270px minmax(0, 760px); justify-content: center; gap: 56px; margin-top: 52px; }
.rlx-bp-body.is-solo { grid-template-columns: minmax(0, 760px); }
.rlx-bp-toc { position: relative; }
.rlx-bp-toc details { position: sticky; top: 104px; padding: 22px 22px 18px; border-radius: var(--rlx-r); background: #fff; box-shadow: 0 0 0 1px var(--rlx-line), var(--rlx-shadow-sm); }
.rlx-bp-toc summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--bt-d); font: 700 11.5px/1 var(--rlx-sans); letter-spacing: .2em; text-transform: uppercase; cursor: pointer; list-style: none; }
.rlx-bp-toc summary::-webkit-details-marker { display: none; }
.rlx-bp-toc summary .rlx-ico { transition: transform .3s var(--rlx-ease); }
.rlx-bp-toc details:not([open]) summary .rlx-ico { transform: rotate(-90deg); }
.rlx-bp-toc ol { margin: 16px 0 0; padding: 0; list-style: none; counter-reset: toc; }
.rlx-bp-toc li { counter-increment: toc; }
.rlx-bp-toc a { position: relative; display: block; padding: 8px 8px 8px 34px; border-radius: 12px; color: var(--rlx-text); font-size: 14px; line-height: 1.4; transition: background .25s, color .25s; }
.rlx-bp-toc a::before { content: counter(toc, decimal-leading-zero); position: absolute; left: 8px; top: 9px; color: var(--bt); font: italic 500 12.5px/1.4 var(--rlx-serif); }
.rlx-bp-toc a:hover, .rlx-bp-toc a.is-on { background: var(--bt-l); color: var(--bt-d); }
.rlx-bp-toc a.is-on { font-weight: 700; }

/* текстът */
.rlx-bp-content { color: var(--rlx-text); font-size: 17px; line-height: 1.78; }
.rlx-bp-content > p:first-child { color: var(--rlx-ink); font-size: 19.5px; line-height: 1.7; }
.rlx-bp-content h2 { margin: 2.2em 0 .7em; color: var(--rlx-ink); font: 500 clamp(26px, 2.4vw, 32px)/1.2 var(--rlx-serif); letter-spacing: -.008em; scroll-margin-top: 110px; }
.rlx-bp-content h2::before { content: ""; display: block; width: 44px; height: 3px; margin-bottom: 16px; border-radius: 3px; background: var(--t-grad); }
.rlx-bp-content h3 { margin: 1.7em 0 .6em; color: var(--bt-d); font: 700 13px/1.3 var(--rlx-sans); letter-spacing: .16em; text-transform: uppercase; }
.rlx-bp-content a { color: var(--bt-d); text-decoration-color: var(--bt-ring); }
.rlx-bp-content a:hover { color: var(--bt); text-decoration-color: currentColor; }
.rlx-bp-content ul li::before { top: .72em; width: 8px; height: 8px; background: var(--bt); box-shadow: 0 0 0 4px var(--bt-l2); }
.rlx-bp-content ol { margin: 0 0 1.2em; padding: 0; list-style: none; counter-reset: bp; }
.rlx-bp-content ol > li { position: relative; counter-increment: bp; margin-bottom: .6em; padding-left: 44px; }
.rlx-bp-content ol > li::before { content: counter(bp); position: absolute; left: 0; top: .15em; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--bt-l2); color: var(--bt-d); font: 700 13px/1 var(--rlx-sans); }
.rlx-bp-content strong { color: var(--rlx-ink); }
.rlx-bp-content .rlx-tip { position: relative; margin: 1.6em 0; padding: 20px 24px 20px 70px; border-radius: 20px; background: linear-gradient(135deg, var(--bt-l) 0%, #fff 100%); box-shadow: 0 0 0 1px var(--bt-l2); }
.rlx-bp-content .rlx-tip::before { content: ""; position: absolute; left: 20px; top: 20px; width: 34px; height: 34px; border-radius: 50%; background: var(--t-grad); }
.rlx-bp-content .rlx-tip::after { content: ""; position: absolute; left: 28px; top: 28px; width: 18px; height: 18px; background: #fff; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4M12 3a6 6 0 0 0-3.5 10.9c.6.5 1 1.2 1 2.1h5c0-.9.4-1.6 1-2.1A6 6 0 0 0 12 3Z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4M12 3a6 6 0 0 0-3.5 10.9c.6.5 1 1.2 1 2.1h5c0-.9.4-1.6 1-2.1A6 6 0 0 0 12 3Z'/%3E%3C/svg%3E") center / contain no-repeat; }
.rlx-bp-content .rlx-tip p { margin: 0; }
.rlx-bp-content .rlx-tip strong { color: var(--bt-d); }
.rlx-bp-content blockquote { margin: 1.6em 0; padding: 4px 0 4px 24px; border-left: 3px solid var(--bt); color: var(--rlx-ink); font: italic 500 21px/1.5 var(--rlx-serif); }
.rlx-bp-content .rlx-tablewrap { margin: 1.4em 0 1.8em; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.rlx-bp-content .rlx-tablewrap table { margin: 0; font-size: 15px; }

/* „За автора“ */
.rlx-bp-author { position: relative; overflow: hidden; display: flex; gap: 22px; margin-top: 52px; padding: 30px 32px; border-radius: var(--rlx-r); background: linear-gradient(135deg, var(--bt-l) 0%, #fff 70%); box-shadow: 0 0 0 1px var(--bt-l2); }
.rlx-bp-author__badge { flex: none; display: grid; place-items: center; width: 68px; height: 68px; border-radius: 50%; background: var(--t-grad); color: #fff; font: 500 24px/1 var(--rlx-serif); box-shadow: 0 0 0 5px #fff, 0 16px 30px -18px var(--bt-ring); }
.rlx-bp-author__label { margin: 0 0 4px; color: var(--bt-d); font: 700 11px/1 var(--rlx-sans); letter-spacing: .2em; text-transform: uppercase; }
.rlx-bp-author__name { margin: 0; color: var(--rlx-ink); font: 500 22px/1.25 var(--rlx-serif); }
.rlx-bp-author__job { margin: 2px 0 0; color: var(--rlx-muted); font-size: 13.5px; }
.rlx-bp-author__text { margin: 12px 0 0; color: var(--rlx-text); font-size: 15px; line-height: 1.7; }

/* продуктите и „Още от блога“ */
.rlx-bp-products, .rlx-bp-more { margin-top: 72px; }
.rlx-bp-sec { margin: 0 0 30px; text-align: center; }
.rlx-bp-sec__kick { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 10px; color: var(--bt-d); font: 700 11.5px/1 var(--rlx-sans); letter-spacing: .22em; text-transform: uppercase; }
.rlx-bp-sec__kick::before, .rlx-bp-sec__kick::after { content: ""; width: 24px; height: 1.5px; background: currentColor; opacity: .5; }
.rlx-bp-sec__title { margin: 0; color: var(--rlx-ink); font: 500 clamp(28px, 2.8vw, 38px)/1.12 var(--rlx-serif); }
.rlx-bp-more .rlx-bls__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.rlx-bp-all { margin: 34px 0 0; text-align: center; }

/* ---------- „Накратко“, истинските снимки в текста и въпросите (01.11 – за AI търсачките: кратък отговор, ЧЗВ + FAQPage) ---------- */
.rlx-bp-short { position: relative; margin: 0 0 34px; padding: 24px 28px 22px; border-radius: var(--rlx-r); background: linear-gradient(140deg, var(--bt-l) 0%, var(--bt-l2) 100%); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .8); }
.rlx-bp-short__kick { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 10px; padding: 6px 12px; border-radius: 999px; background: #fff; color: var(--bt-d); font: 700 11.5px/1 var(--rlx-sans); letter-spacing: .14em; text-transform: uppercase; }
.rlx-bp-short__answer { margin: 0; color: var(--rlx-ink); font: 500 19px/1.55 var(--rlx-serif); }
.rlx-bp-short__list { display: grid; gap: 8px; margin: 14px 0 0; padding: 0; list-style: none; }
.rlx-bp-short__list li { position: relative; padding-left: 26px; color: var(--rlx-text); font-size: 15.5px; line-height: 1.55; }
.rlx-bp-short__list li::before { content: ""; position: absolute; left: 4px; top: .5em; width: 9px; height: 9px; border-radius: 50%; background: var(--bt); box-shadow: 0 0 0 4px rgba(255, 255, 255, .85); }
.rlx-bp-content .rlx-bp-fig { margin: 30px 0 34px; }
.rlx-bp-fig > a, .rlx-bp-fig > img { display: block; overflow: hidden; border-radius: var(--rlx-r); box-shadow: 0 30px 50px -36px rgba(60, 40, 25, .65); }
.rlx-bp-fig img { display: block; width: 100%; height: auto; transition: transform .9s var(--rlx-ease); }
.rlx-bp-fig > a:hover img { transform: scale(1.03); }
.rlx-bp-fig figcaption { margin-top: 10px; color: var(--rlx-muted); font: 600 13.5px/1.4 var(--rlx-sans); text-align: center; }
.rlx-bp-fig figcaption a { color: var(--bt-d); text-decoration: none; }
.rlx-bp-fig figcaption a:hover { text-decoration: underline; text-underline-offset: 3px; }
.rlx-bp-faq { margin: 44px 0 0; }
.rlx-bp-faq__title { margin: 0 0 16px; color: var(--rlx-ink); font: 500 clamp(26px, 2.6vw, 32px)/1.2 var(--rlx-serif); scroll-margin-top: 110px; }
.rlx-bp-faq .rlx-faq { display: grid; gap: 10px; }
.rlx-bp-faq .rlx-faq__item { overflow: hidden; border-radius: 18px; background: rgba(255, 255, 255, .9); box-shadow: 0 12px 26px -22px rgba(60, 40, 25, .6), 0 0 0 1px rgba(235, 226, 214, .95); transition: background .3s, box-shadow .3s; }
.rlx-bp-faq .rlx-faq__item[open] { background: #fff; box-shadow: 0 16px 30px -22px rgba(60, 40, 25, .7), 0 0 0 1px var(--bt-l2); }
.rlx-bp-faq .rlx-faq__item > summary { display: flex; align-items: center; gap: 12px; padding: 15px 18px 15px 20px; cursor: pointer; list-style: none; -webkit-tap-highlight-color: transparent; }
.rlx-bp-faq .rlx-faq__item > summary::-webkit-details-marker { display: none; }
.rlx-bp-faq .rlx-faq__item > summary:focus-visible { outline: 2px solid var(--bt); outline-offset: -2px; border-radius: 18px; }
.rlx-bp-faq .rlx-faq__q { flex: 1; margin: 0; color: var(--rlx-ink); font: 700 16px/1.4 var(--rlx-sans); }
.rlx-bp-faq .rlx-faq__item > summary > .rlx-ico { flex: none; color: var(--bt-d); transition: transform .3s var(--rlx-ease); }
.rlx-bp-faq .rlx-faq__item[open] > summary > .rlx-ico { transform: rotate(180deg); }
.rlx-bp-faq .rlx-faq__a { padding: 0 20px 18px; color: var(--rlx-text); font-size: 16px; line-height: 1.7; }
.rlx-bp-faq .rlx-faq__a p { margin: 0; }

/* ---------- таблет и телефон ---------- */
@media (max-width: 1180px) { .rlx-blh__mini { display: none; } }
@media (max-width: 1080px) {
	.rlx-blh__card { padding: 46px 40px 50px; gap: 30px; }
	.rlx-blh__topics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.rlx-bls__head { grid-template-columns: auto minmax(0, 1fr); }
	.rlx-bls__desc { grid-column: 1 / -1; max-width: 640px; }
	.rlx-bp-body { grid-template-columns: 230px minmax(0, 1fr); gap: 36px; }
}
@media (max-width: 980px) {
	.rlx-bls__grid, .rlx-bp-more .rlx-bls__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.rlx-bph__card { grid-template-columns: minmax(0, 1fr) minmax(0, 260px); padding: 40px 36px 46px; gap: 28px; }
	.rlx-bp-body { grid-template-columns: minmax(0, 1fr); gap: 22px; margin-top: 30px; }
	.rlx-bp-toc details { position: static; }
}
@media (max-width: 760px) {
	.rlx-bp-short { padding: 20px 18px 18px; }
	.rlx-bp-short__answer { font-size: 17px; }
	.rlx-bl-flower { left: -10%; top: -8%; width: 38%; }
	.rlx-bl-page, .rlx-bp { padding: 14px 0 50px; }
	.rlx-blh, .rlx-bls, .rlx-bph { padding: 0 12px; }
	.rlx-blh__card { grid-template-columns: minmax(0, 1fr); gap: 26px; padding: 34px 22px 30px; border-radius: 28px; text-align: center; }
	.rlx-blh__kick { justify-content: center; font-size: 11px; }
	.rlx-blh__title { font-size: clamp(34px, 10vw, 44px); }
	.rlx-blh__lead { margin: 16px auto 0; font-size: 15.5px; }
	.rlx-blh__topics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 24px; text-align: left; }
	.rlx-blh__topic { min-height: 46px; gap: 8px; padding-right: 10px; }
	.rlx-blh__tico { width: 34px; height: 34px; }
	.rlx-blh__tico .rlx-bl-ico { width: 17px; height: 17px; }
	.rlx-blh__tname { font-size: 13px; }
	.rlx-blh__art { width: min(64vw, 240px); margin: 6px auto 54px; }
	.rlx-blh__main { inset: 0; }
	.rlx-blh__label { left: -10%; right: -10%; bottom: -14%; padding: 13px 15px; text-align: left; }
	.rlx-blh__ltitle { font-size: 15.5px; }
	.rlx-blh__mini { display: none; }
	.rlx-bls { margin-top: 18px; }
	.rlx-bls__card { padding: 30px 16px 18px; border-radius: 28px; }
	.rlx-bls__head { gap: 10px 14px; margin: 0 6px 22px; }
	.rlx-bls__ico { width: 52px; height: 52px; }
	.rlx-bls__ico .rlx-bl-ico { width: 25px; height: 25px; }
	.rlx-bls__title { font-size: 30px; }
	.rlx-bls__desc { font-size: 14.5px; }
	.rlx-bls__grid, .rlx-bls__grid[data-n="2"], .rlx-bp-more .rlx-bls__grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
	.rlx-bls__grid[data-n="1"] .rlx-blc__link { display: flex; }
	.rlx-bls__grid[data-n="1"] .rlx-blc__media { min-height: 0; height: 220px; }
	.rlx-bls__grid[data-n="1"] .rlx-blc__arch { height: 100%; }
	.rlx-bls__grid[data-n="1"] .rlx-blc__body { padding: 22px 22px 24px; }
	.rlx-bls__grid[data-n="1"] .rlx-blc__title { font-size: 22px; }
	.rlx-blc__media { height: 210px; }
	.rlx-blc__body { padding: 20px 20px 22px; }
	.rlx-blc__title { font-size: 20px; }
	.rlx-bph__card { grid-template-columns: minmax(0, 1fr); gap: 24px; padding: 30px 22px 34px; border-radius: 28px; }
	.rlx-bph__title { font-size: clamp(28px, 8vw, 36px); }
	.rlx-bph__lead { font-size: 15.5px; }
	.rlx-bph__meta { gap: 8px 16px; margin-top: 20px; font-size: 12.5px; }
	.rlx-bph__art { width: min(64vw, 250px); }
	.rlx-bp-content { font-size: 16.5px; line-height: 1.74; }
	.rlx-bp-content > p:first-child { font-size: 18px; }
	.rlx-bp-content .rlx-tip { padding: 18px 18px 18px 62px; }
	.rlx-bp-content .rlx-tip::before { left: 16px; top: 18px; }
	.rlx-bp-content .rlx-tip::after { left: 24px; top: 26px; }
	.rlx-bp-author { flex-direction: column; gap: 14px; padding: 24px 22px; }
	.rlx-bp-products, .rlx-bp-more { margin-top: 52px; }
}
@media (prefers-reduced-motion: reduce) {
	.rlx-blh__ring, .rlx-blc__link, .rlx-blc__arch img, .rlx-blh__arch img, .rlx-blc__media::before, .rlx-blh__topic, .rlx-blh__dot { transition: none; }
}