/*!
 * AgroGradina Blog — UX v3/v4/V7 (1.2.0–1.5.0): the shared blog navigation, the article layout, category landings,
 * video and product blocks, print. Loaded on blog pages only, after agblog.css and agblog-reference.css.
 * Every selector is scoped under .agnav or .agblog — nothing here styles the shop's header, body, h1 or img.
 */
.agnav, .agblog {
  --agblog-ui: -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --agblog-ink: #102516;
  --agblog-green-ink: #1d4826;
  --agblog-line: #dfe9dc;
  --agblog-mint: #f2f7f0;
  --agblog-anchor: var(--agblog-anchor-offset, 96px);
}
/* until agblog.js has measured the shop's fixed bar (NewStore shows it from 992 px, after the first scroll) */
@media (max-width: 991px) {
  .agnav, .agblog { --agblog-anchor: var(--agblog-anchor-offset, 24px); }
}

/* ------------------------------------------------------------------ shared blog navigation (V7, 1.5.0)
 * The approved look: eight compact rounded pills in the editorial serif with a light relief, a 2 px lift for a real
 * pointer and the page's section in green. All eight stay visible on every width: one centred row when they fit
 * (the menu's own width ≥ 1000 px); otherwise the six topics, then the two resources in their own short row; on
 * phones the topics in two columns (no lonely „Календар“) and the two resources side by side. On the blog home the
 * menu stands under the hero search (agnav--home); on the other pages in a quiet band above the content. */
.agnav { position: relative; z-index: 30; margin: 0 0 4px; font-family: 'AGBlog Editorial', 'Times New Roman', 'Nimbus Roman', serif; background: linear-gradient(180deg, #f7fbf5, #eef5eb); border-top: 1px solid #e7efe4; border-bottom: 1px solid var(--agblog-line); }
.agnav.agnav--home { margin: 18px 0 0; background: none; border: 0; }
.agnav *, .agnav *::before, .agnav *::after { box-sizing: border-box; }
.agnav [hidden] { display: none !important; }
.agnav__bar { display: flex; align-items: flex-start; gap: 10px; max-width: 1440px; margin: 0 auto; padding: 10px 16px; }
.agnav--home .agnav__bar { padding: 0; }
/* the menu's own width decides the rows (OpenCart side columns included) */
.agnav__groups { container: agnav / inline-size; display: flex; flex: 1 1 auto; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px 12px; min-width: 0; }
.agnav__list, .agnav__res { display: flex; flex: 1 1 100%; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; margin: 0; padding: 0; list-style: none; }
@container agnav (min-width: 1000px) {
  .agnav__list, .agnav__res { flex: 0 0 auto; }
  .agnav__res { padding-left: 12px; border-left: 1px solid #cddfcd; }
}
.agnav__item { position: relative; display: flex; align-items: stretch; margin: 0; }

.agnav__link, .agnav__subtoggle, .agnav__search-open {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 36px; margin: 0; padding: 0 19px;
  border: 1px solid #d5e4d0; border-radius: 999px; color: #13351b; background: linear-gradient(180deg, #ffffff, #f5f9f3);
  box-shadow: 0 1px 2px rgba(22,65,29,.08), 0 3px 8px rgba(22,65,29,.06), inset 0 1px 0 #fff;
  font: 400 15px/1.2 'AGBlog Editorial', 'Times New Roman', 'Nimbus Roman', serif; text-decoration: none; white-space: nowrap; cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.agnav__ico { display: block; width: 18px; height: 18px; flex: 0 0 auto; fill: none; color: #2c7e36; }
.agnav__chev { display: block; width: 15px; height: 15px; fill: none; color: currentColor; transition: transform .18s ease; }
.agnav a:hover, .agnav a:focus { text-decoration: none; }
@media (hover: hover) and (pointer: fine) {
  .agnav__link:hover, .agnav__search-open:hover, .agnav__item.has-sub:hover {
    transform: translateY(-2px); border-color: #b5d1b3; color: #0f3417;
    box-shadow: 0 3px 5px rgba(22,65,29,.08), 0 8px 18px rgba(22,65,29,.12), inset 0 1px 0 #fff;
  }
  .agnav--js .agnav__item.has-sub:hover > .agnav__link, .agnav--js .agnav__item.has-sub:hover > .agnav__subtoggle { transform: none; box-shadow: none; }
}
.agnav__link:active, .agnav__search-open:active, .agnav__subtoggle:active {
  transform: translateY(0); box-shadow: 0 1px 2px rgba(22,65,29,.08), inset 0 1px 3px rgba(22,65,29,.12);
}
/* the page's section: green with white text (not only underlined) */
.agnav__item.is-active > .agnav__link, .agnav__item.is-active > .agnav__subtoggle {
  border-color: #2b7330; color: #fff; background: linear-gradient(135deg, #36813a, #2a7131);
  box-shadow: 0 2px 4px rgba(22,65,29,.18), 0 6px 14px rgba(22,65,29,.16), inset 0 1px 0 rgba(255,255,255,.18);
}
/* focus: a dark ring outside the pill, different from the active fill, visible on light and green pills */
.agnav a:focus-visible, .agnav button:focus-visible, .agnav input:focus-visible { outline: 3px solid #0b2a12; outline-offset: 3px; }
.agnav__panel a:focus-visible { outline-offset: 1px; }

/* Луковици: the link and the season button as one pill with two clear targets (no overlap) */
.agnav--js .agnav__item.has-sub { border-radius: 999px; box-shadow: 0 1px 2px rgba(22,65,29,.08), 0 3px 8px rgba(22,65,29,.06); transition: transform .18s ease, box-shadow .18s ease; }
.agnav--js .agnav__item.has-sub > .agnav__link { padding-right: 12px; border-right: 0; border-radius: 999px 0 0 999px; box-shadow: inset 0 1px 0 #fff; }
.agnav__subtoggle { width: 36px; padding: 0 4px 0 0; border-radius: 0 999px 999px 0; border-left-color: #dfeadb; box-shadow: inset 0 1px 0 #fff; }
.agnav__subtoggle:hover { background: linear-gradient(180deg, #f6fbf4, #e6f1e2); }
.agnav__item.is-active > .agnav__subtoggle { border-left-color: rgba(255,255,255,.3); }
.agnav__item.is-active > .agnav__subtoggle:hover { background: linear-gradient(180deg, #2a7331, #1f5a27); }
.agnav__subtoggle[aria-expanded='true'] .agnav__chev { transform: rotate(180deg); }
.agnav__sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }

.agnav__panel { display: none; position: absolute; z-index: 40; top: calc(100% + 8px); left: 0; width: 320px; max-width: calc(100vw - 32px); padding: 10px; border: 1px solid var(--agblog-line); border-radius: 12px; background: #fff; box-shadow: 0 14px 34px rgba(16,37,22,.14); text-align: left; }
.agnav:not(.agnav--js) .agnav__item.has-sub:hover .agnav__panel,
.agnav:not(.agnav--js) .agnav__item.has-sub:focus-within .agnav__panel,
.agnav--js .agnav__panel.is-open { display: block; }
.agnav:not(.agnav--js) .agnav__item.has-sub::after { content: ''; position: absolute; left: 0; right: 0; top: 100%; height: 10px; }
.agnav__sub { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.agnav__sublink { display: flex; flex-direction: column; gap: 2px; padding: 11px 14px; border: 1px solid #e3ece0; border-radius: 10px; color: var(--agblog-ink); text-decoration: none; background: #f8fbf7; }
.agnav__sublink strong { font-size: 18px; line-height: 1.2; }
.agnav__sublink small { color: #5d6467; font: 13px/1.35 var(--agblog-ui); }
.agnav__sublink:hover, .agnav__sublink.is-active, .agnav__sublink[aria-current='page'] { border-color: #2c7e36; background: #eef6eb; text-decoration: none; }
.agnav__all { display: inline-block; margin: 10px 4px 2px; color: #1f5129; font-size: 15px; font-weight: 700; }

.agnav__search-open { flex: 0 0 auto; width: 38px; min-height: 38px; padding: 0; }
.agnav__search-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.agnav__search-open[aria-expanded='true'] { border-color: #2c7e36; }
.agnav__search { max-width: 1440px; margin: 0 auto; padding: 0 16px 14px; font-family: var(--agblog-ui); }
.agnav__search-label { display: block; margin: 0 0 6px; color: var(--agblog-ink); font-size: 14px; font-weight: 700; }
.agnav__search-row { display: flex; gap: 8px; align-items: center; max-width: 640px; }
.agnav__search-row input { flex: 1 1 auto; min-width: 0; height: 46px; padding: 0 14px; border: 1px solid #cddcc8; border-radius: 999px; background: #fff; color: #253326; font-size: 16px; box-shadow: none; }
.agnav__search-row button[type='submit'] { height: 46px; padding: 0 22px; border: 0; border-radius: 999px; color: #fff; background: linear-gradient(135deg, #2f8031, #2b7130); font-size: 15px; font-weight: 600; }
.agnav__search-close { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; padding: 0; border: 1px solid #dbe6d7; border-radius: 50%; background: #fff; color: var(--agblog-green-ink); }
.agnav__scope { margin: 6px 0 0; color: #5d6467; font-size: 13px; }

/* phones: the six topics in two columns (Всички·Семена / Луковици·Торове / Растителна защита·Календар), the two
   resources side by side; every pill keeps its full label and a 40 px touch height */
@container agnav (max-width: 559px) {
  .agnav__list, .agnav__res { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .agnav__item { min-width: 0; }
  .agnav__link { flex: 1 1 auto; min-width: 0; min-height: 40px; padding: 4px 12px; white-space: normal; text-align: center; line-height: 1.15; }
  .agnav__subtoggle { min-height: 40px; }
  .agnav__item.has-sub .agnav__panel { width: min(320px, calc(100vw - 32px)); }
  .agnav__res .agnav__item:nth-child(2) .agnav__panel, .agnav__list .agnav__item:nth-child(even) .agnav__panel { left: auto; right: 0; }
}
@media (max-width: 767px) {
  .agnav__bar { align-items: center; padding: 10px 16px; }
  .agnav--home .agnav__bar { padding: 0; }
  .agnav__search { padding: 0 16px 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .agnav__link, .agnav__subtoggle, .agnav__search-open, .agnav__item, .agnav__chev { transition: none !important; }
  .agnav__link:hover, .agnav__search-open:hover, .agnav__item.has-sub:hover { transform: none !important; }
}

/* ------------------------------------------------------------------ inner pages: botanical edges, light centre */
.agblog.agblog-page--list, .agblog.agblog-page--article, .agblog.agblog-page--calendar, .agblog.agblog-page--sitemap, .agblog.agblog-page--error { position: relative; isolation: isolate; background: #f7faf7; }
.agblog.agblog-page--list::before, .agblog.agblog-page--article::before, .agblog.agblog-page--calendar::before, .agblog.agblog-page--sitemap::before, .agblog.agblog-page--error::before {
  content: ''; position: absolute; z-index: -1; left: 0; right: 0; top: 0; height: 420px; pointer-events: none;
  background-image: linear-gradient(180deg, rgba(247,250,247,.35) 0%, rgba(247,250,247,.82) 55%, #f7faf7 100%), url('../../image/agblog/v2/background/botanical-dew-desktop.webp');
  background-size: cover; background-position: center top; background-repeat: no-repeat;
}
@media (max-width: 639px) {
  /* phones (concept 02): a light top without the photograph — the leaves stay on wider screens; no extra 63 KB that
     would also become the largest paint of the article */
  .agblog.agblog-page--list::before, .agblog.agblog-page--article::before, .agblog.agblog-page--calendar::before, .agblog.agblog-page--sitemap::before, .agblog.agblog-page--error::before {
    height: 220px; background-image: linear-gradient(180deg, #eaf3e7 0%, #f7faf7 100%);
  }
}
.agblog .agblog-crumbs { position: relative; }

/* ------------------------------------------------------------------ category landing */
.agblog.agblog-page--list .agblog-list-head { padding: 26px 30px; border: 1px solid var(--agblog-line); border-radius: 16px; background: rgba(255,255,255,.96); box-shadow: 0 6px 22px rgba(22,65,29,.06); }
.agblog.agblog-page--list .agblog-list-head .agblog-title { margin: 0 0 10px; font-size: 42px; line-height: 1.1; }
.agblog.agblog-page--list .agblog-list-head__desc { max-width: 760px; font-size: 18px; line-height: 1.6; color: #2f3d31; }
.agblog.agblog-page--list .agblog-list-head__desc p { margin: 0 0 .6em; }
.agblog.agblog-page--list .agblog-list-head__count { margin: 10px 0 0; font-family: var(--agblog-ui); font-size: 14px; }
.agblog .agblog-seasons { margin: 22px 0 6px; }
.agblog .agblog-seasons__title { margin: 0 0 4px; font-size: 26px; line-height: 1.2; }
.agblog .agblog-seasons__note { margin: 0 0 12px; color: var(--agblog-muted); font-family: var(--agblog-ui); font-size: 14px; }
.agblog .agblog-seasons__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
.agblog .agblog-season { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 20px 22px; border: 1px solid var(--agblog-line); border-radius: 14px; background: #fff; }
.agblog .agblog-season.is-current { border-color: #2c7e36; box-shadow: inset 0 0 0 1px #2c7e36; }
.agblog .agblog-season__link { color: var(--agblog-ink); font-size: 24px; line-height: 1.15; text-decoration: none; }
.agblog .agblog-season__link::after { content: ''; position: absolute; inset: 0; border-radius: inherit; }
.agblog .agblog-season__link:focus-visible { outline: none; }
.agblog .agblog-season:focus-within { outline: 3px solid #568e27; outline-offset: 3px; }
.agblog .agblog-season:hover { border-color: #9cc48f; }
.agblog .agblog-season__note { color: #2c7e36; font-family: var(--agblog-ui); font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .02em; }
.agblog .agblog-season p { margin: 0; color: #3a463b; font-size: 16px; line-height: 1.5; }
.agblog .agblog-season__count { margin-top: auto; color: var(--agblog-muted); font-family: var(--agblog-ui); font-size: 14px; }
.agblog .agblog-lead-article { margin: 22px 0 8px; }
.agblog .agblog-empty__links { margin: 8px 0 0; font-family: var(--agblog-ui); }
@media (max-width: 767px) {
  .agblog.agblog-page--list .agblog-list-head { padding: 18px 16px; }
  .agblog.agblog-page--list .agblog-list-head .agblog-title { font-size: 32px; }
  .agblog.agblog-page--list .agblog-list-head__desc { font-size: 17px; }
  .agblog .agblog-seasons__list { grid-template-columns: minmax(0, 1fr); }
}

/* ------------------------------------------------------------------ article (UX v5, 1.4.0): reading card + own panel
 * One white card holds the head (text | picture), "Най-важното" and the text; the panel "В тази статия" stands beside it
 * as its own card — only when the article's real width (column_left/right, scrollbar, zoom) has room for both
 * (container query); otherwise it stands collapsible before the text, inside the card. The reading measure stays about
 * 740–760 px; nothing is positioned outside the container and the panel is never fixed over the text. */
.agblog.agblog-page--article {
  --agread-bg: #f3f7f0; --agread-card: #ffffff; --agread-head: #183422; --agread-text: #34483c; --agread-action: #286d38;
  --agread-soft: #edf5e9; --agread-line: #dce6da; --agread-muted: #61705e;
  --agread-shadow: 0 10px 30px rgba(30,65,34,.05), 0 2px 6px rgba(30,65,34,.025);
  --agread-pad: clamp(16px, 3.2vw, 32px);
}
.agblog .agblog-read-wrap { container-type: inline-size; container-name: agread; }
.agblog.agblog-page--article .agblog-read { position: relative; display: grid; grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "head" "summary" "side" "body"; max-width: none; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
/* the white card is one background behind head, summary and text (and the narrow panel): no seams between the parts */
.agblog.agblog-page--article .agblog-read::before { content: ''; grid-column: 1; grid-row: 1 / -1; border: 1px solid var(--agread-line); border-radius: 18px;
  background: var(--agread-card); box-shadow: var(--agread-shadow); }
.agblog.agblog-page--article .agblog-read > * { position: relative; min-width: 0; }
.agblog.agblog-page--article .agblog-read__head { grid-area: head; margin: 0; padding: var(--agread-pad) var(--agread-pad) 0; }
.agblog.agblog-page--article .agblog-read__summary { grid-area: summary; margin: 26px var(--agread-pad) 0; }
.agblog.agblog-page--article .agblog-read__side { grid-area: side; margin: 22px var(--agread-pad) 0; }
.agblog.agblog-page--article .agblog-read__body { grid-area: body; padding: 28px var(--agread-pad) var(--agread-pad); }
.agblog.agblog-page--article .agblog-print-source { grid-area: head; }
@container agread (min-width: 1060px) {
  .agblog.agblog-page--article .agblog-read.has-toc { grid-template-columns: minmax(0, 824px) 256px; grid-template-rows: auto auto 1fr; column-gap: 30px;
    justify-content: center; grid-template-areas: "head ." "summary side" "body side"; }
  .agblog.agblog-page--article .agblog-read.has-toc::before { grid-row: 1 / 4; }
  /* the panel starts opposite "Най-важното" (the start of reading), not opposite the shop's menu */
  .agblog.agblog-page--article .agblog-read.has-toc .agblog-read__side { grid-row: 2 / 4; margin: 26px 0 0; }
  .agblog.agblog-page--article .agblog-read.has-toc .agblog-toc--panel { position: sticky; top: var(--agblog-sticky-top, 16px);
    max-height: calc(100vh - var(--agblog-sticky-top, 16px) - 16px); overflow: auto; overscroll-behavior: contain; }
  .agblog.agblog-page--article .agblog-read.has-toc .agblog-toc__title { cursor: default; pointer-events: none; }
  .agblog.agblog-page--article .agblog-read.has-toc .agblog-toc__title::after { display: none; }
}
.agblog.agblog-page--article .agblog-read:not(.has-toc) { max-width: 824px; margin: 0 auto; }

/* head: text | picture inside the card */
.agblog.agblog-page--article .agblog-article__head { display: grid; grid-template-columns: minmax(0, 1fr); gap: 22px; align-items: center; }
@container agread (min-width: 720px) {
  .agblog.agblog-page--article .agblog-article__head.has-image { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 28px; }
}
.agblog.agblog-page--article .agblog-article__intro { min-width: 0; }
.agblog.agblog-page--article .agblog-article__intro .agblog-label { display: inline-block; margin: 0 0 14px; padding: 4px 14px; border-radius: 999px; background: #e4f2e1; color: #1f5129; font-family: var(--agblog-ui); font-size: 13px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; text-decoration: none; }
.agblog.agblog-page--article .agblog-article__title { margin: 0 0 16px; color: var(--agread-head); font-size: clamp(30px, 3.1vw, 42px); line-height: 1.12; text-wrap: balance; }
.agblog.agblog-page--article .agblog-article__lead { margin: 0 0 18px; color: var(--agread-text); font-size: clamp(19px, 1.6vw, 21px); line-height: 1.5; }
.agblog.agblog-page--article .agblog-article__meta { display: flex; flex-wrap: wrap; gap: 8px 22px; margin: 0; padding: 14px 0 0; border-top: 1px solid var(--agread-line); list-style: none; color: var(--agread-muted); font-family: var(--agblog-ui); font-size: 14px; }
.agblog.agblog-page--article .agblog-article__meta li { display: inline-flex; align-items: center; gap: 7px; }
.agblog .agblog-meta-ico { display: inline-block; width: 18px; height: 18px; flex: 0 0 auto; fill: none; color: #2c7e36; }
.agblog.agblog-page--article .agblog-article__image { margin: 0; }
.agblog.agblog-page--article .agblog-article__image img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 16px; background: #e4f2e1; }
.agblog .agblog-print-source { display: none; }

/* "Най-важното": 3–5 short points, each with a descriptive link to its section or paragraph */
.agblog .agblog-keypoints { display: block; padding: 20px 24px; border: 1px solid #d6e8d0; border-radius: 14px; background: var(--agread-soft); }
.agblog .agblog-keypoints__title { margin: 0 0 12px; color: var(--agread-head); font-size: 24px; line-height: 1.15; }
.agblog .agblog-keypoints__body ul, .agblog .agblog-keypoints__body ol { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.agblog .agblog-keypoints__body li { position: relative; margin: 0; padding: 0 0 0 30px; color: #22362a; font-family: var(--agblog-ui); font-size: 16px; line-height: 1.5; }
.agblog .agblog-keypoints__body li::before { content: ''; position: absolute; left: 0; top: 2px; width: 20px; height: 20px; border-radius: 50%; background: #2c7e36 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5.5 10.5 3 3 6-7' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 20px no-repeat; }
.agblog .agblog-keypoints__body p { margin: 0; font-family: var(--agblog-ui); }
.agblog .agblog-keypoints__body a { color: var(--agread-action); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; white-space: normal; }
.agblog .agblog-keypoints__body a:hover { text-decoration-thickness: 2px; }

/* the text: about 18 px / 1.7, left aligned, more air before a section than after its heading */
.agblog.agblog-page--article .agblog-content { max-width: 760px; color: var(--agread-text); font-size: 18px; line-height: 1.7; text-align: left; }
.agblog.agblog-page--article .agblog-content strong { color: #22362a; }
.agblog.agblog-page--article .agblog-content h2 { margin: 2.1em 0 .5em; color: var(--agread-head); font-size: 30px; line-height: 1.2; scroll-margin-top: var(--agblog-anchor); }
.agblog.agblog-page--article .agblog-content h3 { margin: 1.6em 0 .4em; color: var(--agread-head); font-size: 22px; line-height: 1.3; scroll-margin-top: var(--agblog-anchor); }
.agblog.agblog-page--article .agblog-content [id] { scroll-margin-top: var(--agblog-anchor); }
.agblog.agblog-page--article .agblog-content > :first-child { margin-top: 0; }
.agblog.agblog-page--article .agblog-content a { color: var(--agread-action); }
.agblog.agblog-page--article .agblog-content figure { margin: 1.6em 0; text-align: center; }
.agblog.agblog-page--article .agblog-content figure img { display: block; max-width: 100%; height: auto; margin: 0 auto; border-radius: 10px; }
.agblog.agblog-page--article .agblog-content figcaption { margin: 8px 0 0; color: var(--agread-muted); font-family: var(--agblog-ui); font-size: 14px; line-height: 1.45; text-align: center; }
.agblog.agblog-page--article .agblog-content figure.agblog-diagram img { width: 100%; max-width: 640px; height: auto; object-fit: contain; background: #fff; }
/* a target reached from "Най-важното" or the panel: a short, quiet mark (no blinking) */
.agblog.agblog-page--article .agblog-content .is-target { border-radius: 6px; background: #fff7d6; box-shadow: 0 0 0 6px #fff7d6; transition: background-color 1.2s ease, box-shadow 1.2s ease; }
.agblog.agblog-page--article .agblog-content .is-target-out { background: transparent; box-shadow: 0 0 0 6px transparent; }
.agblog.agblog-page--article .agblog-content [tabindex="-1"]:focus { outline: none; }
.agblog .agblog-content .agblog-steps { counter-reset: agstep; padding: 0; list-style: none; }
.agblog .agblog-content .agblog-steps > li { position: relative; margin: 0 0 14px; padding: 2px 0 0 48px; counter-increment: agstep; }
.agblog .agblog-content .agblog-steps > li::before { content: counter(agstep); position: absolute; left: 0; top: 0; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #2c7e36; color: #fff; font: 700 16px/1 var(--agblog-ui); }
.agblog .agblog-content .agblog-tip, .agblog .agblog-content .agblog-warning, .agblog .agblog-content .agblog-note { border-radius: 12px; }
/* tables: own horizontal scroll on phones, units and notes next to them */
.agblog .agblog-content .agblog-table-wrap { max-width: 100%; overflow-x: auto; margin: 1.4em 0; border: 1px solid var(--agread-line); border-radius: 12px; }
.agblog .agblog-content .agblog-table-wrap:focus-visible { outline: 3px solid #0b2a12; outline-offset: 2px; }
.agblog .agblog-content table { width: 100%; min-width: 520px; margin: 0; border-collapse: collapse; font-family: var(--agblog-ui); font-size: 16px; line-height: 1.45; }
.agblog .agblog-content table caption { caption-side: top; padding: 10px 12px; color: var(--agread-head); font-weight: 700; text-align: left; }
.agblog .agblog-content th, .agblog .agblog-content td { padding: 9px 12px; border-top: 1px solid var(--agread-line); text-align: left; vertical-align: top; }
.agblog .agblog-content thead th { background: var(--agread-soft); color: var(--agread-head); border-top: 0; }

/* zoom control on informative pictures inside the text */
.agblog .agblog-zoom { position: relative; display: inline-block; max-width: 100%; }
.agblog .agblog-zoom img { display: block; }
.agblog .agblog-zoom__btn { position: absolute; right: 8px; bottom: 8px; display: grid; place-items: center; width: 40px; height: 40px; padding: 0; border: 1px solid rgba(255,255,255,.7); border-radius: 50%; background: rgba(16,37,22,.72); color: #fff; font-size: 20px; line-height: 1; cursor: zoom-in; }
.agblog .agblog-zoom__btn:hover { background: #245f2d; }
.agblog .agblog-zoom__btn:focus-visible { outline: 3px solid #9ad38b; outline-offset: 2px; }

/* the panel "В тази статия": own light card, the H2 groups, their H3 behind a separate button, the open-book marker */
.agblog.agblog-page--article .agblog-toc--panel { padding: 18px 18px 14px; border: 1px solid #cfe2ca; border-radius: 16px; background: #fbfdfa;
  box-shadow: 0 8px 22px rgba(30,65,34,.06); font-family: var(--agblog-ui); font-size: 15.5px; }
.agblog.agblog-page--article .agblog-toc__title { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 44px; margin: 0;
  color: var(--agread-head); font: 700 21px/1.2 'AGBlog Editorial', 'Times New Roman', serif; cursor: pointer; list-style: none; }
.agblog.agblog-page--article .agblog-toc__title::-webkit-details-marker { display: none; }
.agblog.agblog-page--article .agblog-toc__title::after { content: ''; flex: 0 0 auto; width: 10px; height: 10px; margin: 0 6px 4px auto; border-right: 2px solid #2c7e36; border-bottom: 2px solid #2c7e36; transform: rotate(45deg); transition: transform .18s ease; }
.agblog.agblog-page--article .agblog-toc__details[open] > .agblog-toc__title::after { transform: rotate(-135deg); margin-bottom: -4px; }
.agblog.agblog-page--article .agblog-toc__pct-short { margin-left: auto; color: var(--agread-muted); font: 600 14px/1 var(--agblog-ui); }
.agblog.agblog-page--article .agblog-toc__progress { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 6px 10px; margin: 6px 0 14px; color: var(--agread-muted); font-size: 13.5px; }
.agblog.agblog-page--article .agblog-toc__progress-label { color: #4c5c4f; }
.agblog.agblog-page--article .agblog-toc__pct { color: var(--agread-head); font-weight: 700; font-variant-numeric: tabular-nums; }
.agblog.agblog-page--article .agblog-toc__meter { grid-column: 1 / -1; height: 6px; overflow: hidden; border-radius: 999px; background: #e3eee0; }
.agblog.agblog-page--article .agblog-toc__meter > span { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #3f8338, #286d38); }
.agblog.agblog-page--article .agblog-toc__track { position: relative; padding-left: 30px; }
.agblog.agblog-page--article .agblog-toc__track::before { content: ''; position: absolute; left: 11px; top: 4px; bottom: 4px; width: 2px; border-radius: 2px; background: #dbe8d6; }
.agblog.agblog-page--article .agblog-toc__book { position: absolute; left: 0; top: 0; width: 24px; height: 24px; padding: 2px; border-radius: 6px; background: #fbfdfa; color: #286d38; fill: none;
  transform: translateY(var(--agblog-book-y, 0px)); transition: transform .18s ease; }
.agblog.agblog-page--article .agblog-toc__list, .agblog.agblog-page--article .agblog-toc__sub { margin: 0; padding: 0; list-style: none; }
.agblog.agblog-page--article .agblog-toc__item { margin: 0 0 2px; }
.agblog.agblog-page--article .agblog-toc__row { display: flex; align-items: flex-start; gap: 4px; }
.agblog.agblog-page--article .agblog-toc__link { display: block; flex: 1 1 auto; min-width: 0; padding: 7px 8px; border-radius: 8px; color: #2a3c2f; line-height: 1.35; text-decoration: none; overflow-wrap: anywhere; }
.agblog.agblog-page--article .agblog-toc__link:hover { background: #eef6eb; color: #102516; text-decoration: none; }
.agblog.agblog-page--article .agblog-toc__link[aria-current="location"] { background: #e3f0de; color: #0f3417; font-weight: 700; }
.agblog.agblog-page--article .agblog-toc__link:focus-visible, .agblog.agblog-page--article .agblog-toc__toggle:focus-visible,
.agblog.agblog-page--article .agblog-toc__title:focus-visible { outline: 3px solid #0b2a12; outline-offset: 2px; }
.agblog.agblog-page--article .agblog-toc__toggle { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 40px; height: 40px; margin-top: 0; padding: 0;
  border: 1px solid transparent; border-radius: 8px; background: transparent; color: #286d38; cursor: pointer; }
.agblog.agblog-page--article .agblog-toc__toggle:hover { border-color: #cfe2ca; background: #eef6eb; }
.agblog.agblog-page--article .agblog-toc__toggle svg { width: 16px; height: 16px; fill: none; transition: transform .18s ease; }
.agblog.agblog-page--article .agblog-toc__toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
.agblog.agblog-page--article .agblog-toc__sub { margin: 0 0 6px 10px; padding-left: 8px; border-left: 1px dashed #d3e3ce; font-size: 14.5px; }
.agblog.agblog-page--article .agblog-toc--js .agblog-toc__item.has-sub:not(.is-open) > .agblog-toc__sub { display: none; }
.agblog.agblog-page--article .agblog-toc__link--sub { padding: 5px 8px; color: #3a4c3f; }
.agblog.agblog-page--article .agblog-toc__now { margin: 0 0 4px 18px; color: var(--agread-muted); font-size: 13.5px; line-height: 1.35; }

/* the request to rate (V7): the question on the left, the readers' result on the right (under it when narrow) */
.agblog .agblog-rate { container: agrate / inline-size; margin: 28px auto 0; padding: 22px var(--agread-pad, 24px); border: 1px solid var(--agread-line, #dce6da); border-radius: 16px; background: #fff; box-shadow: var(--agread-shadow); }
.agblog .agblog-rate__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px 32px; }
.agblog .agblog-rate__title { margin: 0 0 6px; color: var(--agread-head, #183422); font-size: 24px; line-height: 1.2; }
.agblog .agblog-rate__text { max-width: 640px; margin: 0 0 14px; color: var(--agread-text, #34483c); font-size: 17px; line-height: 1.55; }
.agblog .agblog-rate__question { margin: 0 0 10px; color: var(--agread-head, #183422); font: 700 16px/1.4 var(--agblog-ui); }
.agblog .agblog-rate__actions { display: flex; flex-wrap: wrap; gap: 10px; }
.agblog .agblog-rate__btn { min-height: 44px; padding: 0 18px; border: 1px solid #b9d4b4; border-radius: 999px; background: linear-gradient(180deg, #ffffff, #f2f8ef);
  color: #1d4826; font: 600 15.5px/1.2 var(--agblog-ui); cursor: pointer; }
.agblog .agblog-rate__btn:hover { border-color: #3f8338; }
.agblog .agblog-rate__btn:focus-visible { outline: 3px solid #0b2a12; outline-offset: 3px; }
.agblog .agblog-rate__btn[aria-pressed="true"] { border-color: #1f5a27; background: linear-gradient(180deg, #2f7d36, #24642c); color: #fff; }
.agblog .agblog-rate__btn:disabled { cursor: default; opacity: .75; }
.agblog .agblog-rate__btn[aria-pressed="true"]:disabled { opacity: 1; }
.agblog .agblog-rate__mine { margin: 10px 0 0; color: #2f4a37; font: 600 15px/1.45 var(--agblog-ui); }
.agblog .agblog-rate__status { min-height: 1.5em; margin: 10px 0 0; color: var(--agread-text, #34483c); font: 600 15.5px/1.5 var(--agblog-ui); }
.agblog .agblog-rate__status:focus { outline: none; }
.agblog .agblog-rate[data-state="error"] .agblog-rate__status { color: #8a3b12; }
.agblog .agblog-rate[data-state="success"] .agblog-rate__status { color: #1f5a27; }
.agblog .agblog-rate__noscript { margin: 0; color: #4e5a53; font-size: 15px; }
.agblog .agblog-rate__result { align-self: start; padding: 16px 18px 14px; border: 1px solid #e3ece0; border-radius: 14px; background: linear-gradient(180deg, #fbfdfa, #f3f8f1); }
.agblog .agblog-rate__result-title { margin: 0 0 6px; color: #4e5a53; font: 700 12.5px/1.3 var(--agblog-ui); letter-spacing: .08em; text-transform: uppercase; }
.agblog .agblog-rate__score { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; margin: 0 0 10px; }
.agblog .agblog-rate__pct { color: #183422; font-size: 34px; font-weight: 700; line-height: 1; }
.agblog .agblog-rate__level { color: #24642c; font-size: 18px; font-weight: 700; line-height: 1.2; }
.agblog .agblog-rate[data-level="improve"] .agblog-rate__level { color: #8a3b12; }
.agblog .agblog-rate[data-level="none"] .agblog-rate__level, .agblog .agblog-rate[data-level="first"] .agblog-rate__level { color: #34483c; }
.agblog .agblog-rate__meter { position: relative; height: 26px; margin: 0 12px 8px 0; }
.agblog .agblog-rate__track { position: absolute; left: 0; right: 0; top: 15px; height: 8px; overflow: hidden; border-radius: 999px; background: #dfe9dc; }
.agblog .agblog-rate__fill { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #4c9a3c, #2a7131); }
.agblog .agblog-rate__sprout { position: absolute; top: 0; width: 22px; height: 22px; margin-left: -11px; color: #2a7131; transform-origin: 50% 100%; }
.agblog .agblog-rate__sprout svg { display: block; width: 22px; height: 22px; fill: none; }
.agblog .agblog-rate__sprout.is-grow { animation: agblog-sprout-grow .8s ease-out 1; }
@keyframes agblog-sprout-grow { 0% { transform: scale(.6) rotate(-8deg); } 55% { transform: scale(1.18) rotate(5deg); } 100% { transform: none; } }
.agblog .agblog-rate__votes { margin: 0 0 6px; color: #34483c; font: 600 14.5px/1.4 var(--agblog-ui); }
.agblog .agblog-rate__split { display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 0; padding: 0; list-style: none; color: #4e5a53; font: 14px/1.4 var(--agblog-ui); }
.agblog .agblog-rate__split b { color: #183422; }
@container agrate (min-width: 640px) {
  .agblog .agblog-rate__grid { grid-template-columns: minmax(0, 1fr) minmax(220px, 280px); }
}
@media (prefers-reduced-motion: reduce) {
  .agblog .agblog-rate__sprout.is-grow { animation: none; }
}

@media (max-width: 767px) {
  .agblog.agblog-page--article .agblog-read::before { border-radius: 14px; }
  .agblog.agblog-page--article .agblog-article__title { font-size: 31px; }
  .agblog.agblog-page--article .agblog-article__lead { font-size: 19px; }
  .agblog.agblog-page--article .agblog-content h2 { font-size: 25px; }
  .agblog.agblog-page--article .agblog-content h3 { font-size: 21px; }
  .agblog .agblog-keypoints { padding: 16px; }
  .agblog .agblog-keypoints__title { font-size: 22px; }
  .agblog .agblog-actions { position: relative; }
  .agblog .agblog-share-menu { position: static; }
  .agblog .agblog-share-menu__list { left: 0; right: 0; min-width: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .agblog.agblog-page--article .agblog-toc__book, .agblog.agblog-page--article .agblog-toc__toggle svg, .agblog.agblog-page--article .agblog-toc__title::after,
  .agblog.agblog-page--article .agblog-content .is-target { transition: none !important; }
}

/* actions: save, share (the networks in one menu), print */
.agblog .agblog-article__foot { gap: 16px; }
.agblog .agblog-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: flex-start; }
.agblog .agblog-action { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border: 1px solid #cfdfca; border-radius: 10px; background: #fff; color: #1d4826; font: 600 15px/1 var(--agblog-ui); cursor: pointer; list-style: none; }
.agblog .agblog-action::-webkit-details-marker { display: none; }
.agblog .agblog-action:hover { border-color: #2c7e36; background: #f3f9f1; }
.agblog .agblog-action[aria-pressed='true'] { border-color: #2c7e36; background: #eaf4e7; }
.agblog .agblog-action:focus-visible { outline: 3px solid #568e27; outline-offset: 2px; }
.agblog .agblog-share-menu { position: relative; }
.agblog .agblog-share-menu__list { position: absolute; z-index: 20; top: calc(100% + 6px); left: 0; display: grid; min-width: 220px; padding: 6px; border: 1px solid var(--agblog-line); border-radius: 12px; background: #fff; box-shadow: 0 12px 30px rgba(16,37,22,.14); }
.agblog .agblog-share-menu__list a, .agblog .agblog-share-menu__list button { display: block; width: 100%; min-height: 40px; padding: 10px 12px; border: 0; border-radius: 8px; background: transparent; color: #1d2f20; font: 15px/1.2 var(--agblog-ui); text-align: left; text-decoration: none; cursor: pointer; }
.agblog .agblog-share-menu__list a:hover, .agblog .agblog-share-menu__list button:hover { background: #eef6eb; }
.agblog .agblog-comment-open > summary { display: inline-flex; align-items: center; min-height: 44px; margin: 8px 0; padding: 0 16px; border: 1px solid #cfdfca; border-radius: 10px; background: #fff; color: #1d4826; font: 600 15px/1 var(--agblog-ui); cursor: pointer; }

/* products for the task (concept 03): picture, name, why it helps, price/stock for this visitor, the right action */
.agblog .agblog-products__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 14px; }
.agblog .agblog-product--row { flex-direction: row; align-items: stretch; border-radius: 14px; }
.agblog .agblog-product--row .agblog-product__img { flex: 0 0 120px; display: block; padding: 10px; }
.agblog .agblog-product--row .agblog-product__body { padding: 14px 16px 14px 4px; }
.agblog .agblog-product--row .agblog-product__name, .agblog .agblog-product--inline .agblog-product__name { font-family: 'AGBlog Editorial', 'Times New Roman', serif; font-size: 18px; line-height: 1.2; font-weight: 700; }
.agblog .agblog-product__note { color: #3a463b; font-size: 14px; line-height: 1.4; }
.agblog .agblog-product__stock { font-family: var(--agblog-ui); }
.agblog .agblog-product__stock.is-in { color: #2c6e33; }
.agblog .agblog-product.is-out .agblog-product__img img { opacity: .75; }
.agblog .agblog-products__more { margin: 14px 0 0; }
.agblog .agblog-products__more > summary { display: inline-flex; align-items: center; min-height: 44px; margin: 0 0 12px; padding: 0 16px; border: 1px solid #cfdfca; border-radius: 10px; background: #fff; color: #1d4826; font: 600 15px/1 var(--agblog-ui); cursor: pointer; }
.agblog .agblog-inline-products { margin: 1.6em 0; padding: 16px; border: 1px solid var(--agblog-line); border-radius: 14px; background: #f7fbf6; }
.agblog .agblog-inline-products__title { margin: 0 0 10px; color: #0f3417; font-family: var(--agblog-ui); font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; }
.agblog .agblog-inline-products__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 230px), 1fr)); gap: 12px; }
.agblog .agblog-product--inline { flex-direction: row; font-size: 16px; line-height: 1.4; }
.agblog .agblog-product--inline .agblog-product__img { flex: 0 0 88px; display: block; padding: 8px; }
.agblog .agblog-product--inline .agblog-product__body { padding: 10px 12px 12px 2px; gap: 4px; }
@media (max-width: 479px) {
  .agblog .agblog-product--row .agblog-product__img { flex-basis: 96px; }
}

/* video facade: poster + play, the player only after a click; at least 200x200 px for YouTube */
.agblog .agblog-content .agblog-video { position: relative; aspect-ratio: auto; margin: 1.8em 0; }
.agblog .agblog-video__poster, .agblog .agblog-video__player { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; min-height: 200px; overflow: hidden; border-radius: 14px; background: #1f3d25; color: #fff; text-decoration: none !important; }
.agblog .agblog-video__img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; border-radius: 0 !important; }
.agblog .agblog-video__surface { position: absolute; inset: 0; background: radial-gradient(ellipse at 30% 30%, #3f7d3c 0%, #1f4a28 60%, #12301a 100%); }
.agblog .agblog-video__play { position: absolute; left: 50%; top: 50%; width: 76px; height: 76px; margin: -52px 0 0 -38px; border: 3px solid rgba(255,255,255,.9); border-radius: 50%; background: rgba(23,72,33,.86) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6.5v11l9-5.5Z' fill='%23fff'/%3E%3C/svg%3E") 54% 50% / 40px no-repeat; box-shadow: 0 6px 20px rgba(0,0,0,.25); }
.agblog .agblog-video__cta { position: absolute; left: 50%; top: 50%; transform: translate(-50%, 34px); padding: 6px 16px; border-radius: 999px; background: rgba(12,40,19,.84); color: #fff; font: 600 15px/1.2 var(--agblog-ui); white-space: nowrap; }
.agblog .agblog-video__poster:hover .agblog-video__play, .agblog .agblog-video__poster:focus-visible .agblog-video__play { background-color: #2c7e36; }
.agblog .agblog-video__poster:focus-visible { outline: 3px solid #568e27; outline-offset: 3px; }
.agblog .agblog-content .agblog-video__frame, .agblog .agblog-video__frame { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; aspect-ratio: auto; border-radius: 0; }
.agblog .agblog-video__caption { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; margin: 10px 0 0; color: #3a463b; font-family: var(--agblog-ui); font-size: 15px; text-align: left; }
.agblog .agblog-video__caption strong { color: #0c1d10; font-family: 'AGBlog Editorial', 'Times New Roman', serif; font-size: 18px; }
.agblog .agblog-video__duration { color: #5d6467; }
.agblog .agblog-video__text { flex: 1 1 100%; }
.agblog .agblog-video__source { font-weight: 600; }
.agblog .agblog-video__transcript { margin: 10px 0 0; font-size: 16px; text-align: left; }


/* ------------------------------------------------------------------ print: head, dates, text, useful pictures, the source */
@media print {
  /* only the blog page prints: the shop around it (top bar, header, popups, footer) stays on screen; this file loads on blog pages only */
  body > *:not(main) { display: none !important; }
  .agblog .agblog-print-source { display: block; margin: 0 0 12pt; font-family: Arial, sans-serif; font-size: 9.5pt; }
  .agblog.agblog-page--article .agblog-article__head { display: block; }
  .agblog.agblog-page--article .agblog-article__image img { max-width: 60%; aspect-ratio: auto; }
  .agblog .agblog-keypoints { background: none; border: 1px solid #999; }
  .agblog .agblog-read__side, .agblog .agblog-rate, .agblog .agblog-toc__toggle { display: none !important; }
  .agblog.agblog-page--article .agblog-read { display: block; }
  .agblog.agblog-page--article .agblog-read::before { display: none; }
  .agblog.agblog-page--article .agblog-read__head, .agblog.agblog-page--article .agblog-read__body { padding: 0; }
  .agblog.agblog-page--article .agblog-read__summary { margin: 12pt 0; }
  .agblog .agblog-video__poster { display: none; }
  .agblog::before { display: none !important; }
}

/* bulbs landings: decorative photograph next to the intro, quick switches between all bulbs and the two seasons */
.agblog.agblog-page--list .agblog-list-head.has-image .agblog-list-head__img img { display: block; width: 100%; height: 100%; min-height: 220px; object-fit: cover; border-radius: 14px; }
.agblog .agblog-switches { margin: 18px 0 4px; }
.agblog .agblog-switches ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.agblog .agblog-switches .agblog-chip { display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border: 1px solid #cfdfca; border-radius: 999px; background: #fff; font: 600 15px/1 var(--agblog-ui); text-decoration: none; }
.agblog .agblog-switches .agblog-chip.is-active, .agblog .agblog-switches .agblog-chip[aria-current='page'] { border-color: #2e7933; color: #fff; background: linear-gradient(135deg, #357f34, #2e7933); }

/* ------------------------------------------------------------------ library and key terms (UX v4, 1.3.0) */
.agblog .aglib-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 24px; margin: 8px 0 22px; }
.agblog .aglib-eyebrow { margin: 0 0 6px; color: #4f5f52; font: 600 12px/1.3 var(--agblog-ui); letter-spacing: .12em; text-transform: uppercase; }
.agblog .aglib-eyebrow a { color: inherit; }
.agblog .aglib-head .agblog-title { margin: 0 0 8px; }
.agblog .aglib-head__desc { max-width: 760px; color: #34413a; font-size: 17px; line-height: 1.55; }
.agblog .aglib-head__desc p { margin: 0 0 8px; }
.agblog .aglib-head__desc img { display: none; }
.agblog .aglib-head__count { margin: 6px 0 0; }
.agblog .aglib-emblem { display: inline-flex; align-items: center; justify-content: center; width: 92px; height: 92px; border-radius: 50%; color: #2c7e36;
  background: radial-gradient(circle at 35% 30%, #ffffff 0%, #f1f8ee 55%, #e3f0de 100%); box-shadow: 0 8px 24px rgba(22,65,29,.12), inset 0 1px 0 #fff; }
.agblog .aglib-emblem svg { width: 38px; height: 38px; fill: none; }

.agblog .aglib-search { display: grid; grid-template-columns: minmax(0, 1fr) 220px; align-items: end; gap: 12px 16px; margin: 0 0 8px; }
.agblog .aglib-search label { display: block; margin: 0 0 6px; color: var(--agblog-ink); font: 600 14px/1.3 var(--agblog-ui); }
.agblog .aglib-search__row { display: flex; gap: 8px; }
.agblog.agblog-page--terms .aglib-search { grid-template-columns: minmax(0, 760px); }
.agblog .aglib-search input[type='search'], .agblog .aglib-search select { width: 100%; height: 48px; padding: 0 14px; border: 1px solid #cddcc8; border-radius: 12px; background: #fff; color: #253326; font: 16px/1.3 var(--agblog-ui); box-shadow: none; }
.agblog .aglib-search input[type='search'] { flex: 1 1 auto; min-width: 0; }
.agblog .aglib-search .agblog-btn { height: 48px; padding: 0 22px; border-radius: 12px; }
.agblog .aglib-search input:focus-visible, .agblog .aglib-search select:focus-visible, .agblog .aglib-search button:focus-visible { outline: 3px solid #0b2a12; outline-offset: 2px; }
.agblog .aglib-widen { margin: 0 0 18px; font-size: 15px; }

.agblog .aglib-dirs { margin: 18px 0 30px; }
.agblog .aglib-dirs__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
.agblog .aglib-dir__link { position: relative; display: grid; grid-template-rows: auto auto 1fr auto; gap: 6px; height: 100%; min-height: 168px; padding: 18px 18px 16px;
  border: 1px solid #dbe7d8; border-radius: 14px; color: var(--agblog-ink); text-decoration: none; background: linear-gradient(180deg, #ffffff, #fafdf9);
  box-shadow: 0 2px 3px rgba(22,65,29,.04), 0 6px 16px rgba(22,65,29,.06); transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.agblog .aglib-dir__ico { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin-bottom: 6px; border-radius: 10px; color: #2c7e36; background: #eef6eb; }
.agblog .aglib-dir__ico svg { width: 22px; height: 22px; fill: none; }
.agblog .aglib-dir__name { font: 700 21px/1.2 'AGBlog Editorial', 'Times New Roman', serif; color: #13261a; }
.agblog .aglib-dir__text { color: #4e5a53; font-size: 14.5px; line-height: 1.45; }
.agblog .aglib-dir__count { color: #2f6b36; font: 600 13px/1.3 var(--agblog-ui); }
.agblog .aglib-dir.is-empty .aglib-dir__count { color: #6a726d; }
.agblog .aglib-dir__link:hover, .agblog .aglib-dir__link:focus { text-decoration: none; color: var(--agblog-ink); }
@media (hover: hover) and (pointer: fine) {
  .agblog .aglib-dir__link:hover { transform: translateY(-2px); border-color: #b5d1b3; box-shadow: 0 4px 8px rgba(22,65,29,.07), 0 12px 26px rgba(22,65,29,.11); }
}
.agblog .aglib-dir.is-current .aglib-dir__link { border: 2px solid #3f8338; background: linear-gradient(180deg, #f6fbf3, #edf6ea); padding: 17px 17px 15px; }
.agblog .aglib-dir__link:focus-visible { outline: 3px solid #0b2a12; outline-offset: 3px; }

.agblog .aglib-h2 { margin: 0; font: 700 28px/1.2 'AGBlog Editorial', 'Times New Roman', serif; color: #102b15; }
.agblog .aglib-start { margin: 8px 0 32px; }
.agblog .aglib-start .aglib-h2 { margin-bottom: 14px; }
.agblog .aglib-all { margin: 8px 0 24px; }
.agblog .aglib-all__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 16px; }
.agblog .aglib-clear { font-size: 15px; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.agblog .aglib-all__count { margin: 6px 0 14px; }

/* "Важни термини": readable explanation cards (title → short explanation → read in detail) */
.agblog .agblog-card--explain { position: relative; display: flex; flex-direction: column; padding: 0; overflow: hidden; border: 1px solid #dbe7d8; border-radius: 14px; background: linear-gradient(180deg, #ffffff, #fafdf9); box-shadow: 0 2px 3px rgba(22,65,29,.04), 0 6px 16px rgba(22,65,29,.06); }
/* V7: the same cover as on „Всички статии“, edge to edge on top; a card without its own main image stays text-only */
.agblog .agblog-card--explain .agblog-card__media { margin: 0; border-radius: 0; aspect-ratio: 16 / 9; overflow: hidden; background: #eef5eb; }
.agblog .agblog-card--explain .agblog-card__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.agblog .agblog-card--explain .agblog-card__body { padding: 16px 20px 16px; }
.agblog .agblog-card--explain.agblog-card--noimg .agblog-card__body { padding: 20px 20px 16px; }
.agblog .agblog-card--explain .agblog-card__title { font-size: 21px; line-height: 1.25; }
.agblog .agblog-card--explain .agblog-card__intro { font-size: 16px; line-height: 1.5; }
.agblog .agblog-card__more { margin: 10px 0 4px; color: #2c7e36; font: 600 15px/1.3 var(--agblog-ui); }

@media (max-width: 991px) {
  .agblog .aglib-dirs__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 599px) {
  .agblog .aglib-head { grid-template-columns: minmax(0, 1fr); }
  .agblog .aglib-emblem { display: none; }
  .agblog .aglib-search { grid-template-columns: minmax(0, 1fr); }
  .agblog .aglib-dirs__list { grid-template-columns: minmax(0, 1fr); }
  .agblog .aglib-dir__link { min-height: 0; }
  .agblog .aglib-h2 { font-size: 24px; }
}
@media (max-width: 359px) {
  .agblog .aglib-search__row { flex-wrap: wrap; }
  .agblog .aglib-search .agblog-btn { flex: 1 1 100%; }
}

/* ------------------------------------------------------------------ the gardener's calendar on the blog home (V7, 1.5.0)
 * The approved card: a green header band (calendar icon, title, a quiet leaf), one row with the month between two
 * arrows, up to three tasks with large pale-green circles and thin separators, a wide rounded green button. Natural
 * height — the 422 px of the reference is a starting point, never a cap; the task texts are written short, not clipped.
 * Wide enough on its own (stacked under the photograph), the tasks stand side by side. */
.agblog .agcal { container: agcal / inline-size; display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid #e3ece0; border-radius: 13px;
  background: #fff; box-shadow: 0 2px 6px rgba(22,65,29,.05); font-family: 'AGBlog Editorial', 'Times New Roman', 'Nimbus Roman', serif; }
.agblog .agcal__head { display: flex; align-items: center; gap: 14px; min-height: 58px; margin: 0; padding: 10px 14px 10px 22px; color: #fff;
  background: linear-gradient(90deg, #256532 0%, #3b8537 60%, #67a73f 100%); }
.agblog .agcal__head-ico { width: 30px; height: 30px; flex: 0 0 auto; fill: none; color: #fff; }
.agblog .agcal__head h2 { flex: 1 1 auto; min-width: 0; margin: 0; font-size: 25px; font-weight: 700; line-height: 1.15; color: #fff; }
.agblog .agcal__leaf { width: 40px; height: 40px; flex: 0 0 auto; fill: none; color: #d9efc9; }
.agblog .agcal__nav { display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px; align-items: center; gap: 4px; margin: 0; padding: 2px 26px 0; }
.agblog .agcal__step { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; color: #1d4826; background: transparent; transition: background .18s ease; }
.agblog .agcal__step svg { width: 20px; height: 20px; fill: none; }
.agblog .agcal__step:hover { background: #eef6eb; }
.agblog .agcal__month { margin: 0; font-size: 21px; font-weight: 700; line-height: 1.2; color: #13261a; text-align: center; }
.agblog .agcal__now { margin: 0 0 2px; text-align: center; font-size: 14px; }
.agblog .agcal__now a { font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.agblog .agcal__list { flex: 1 1 auto; margin: 0; padding: 0 20px 2px; list-style: none; }
.agblog .agcal__item { position: relative; display: grid; grid-template-columns: 66px minmax(0, 1fr); align-items: center; gap: 0 22px; padding: 9px 0; }
.agblog .agcal__item + .agcal__item { border-top: 1px solid #e6eee3; }
.agblog .agcal__ico { display: inline-flex; align-items: center; justify-content: center; width: 66px; height: 66px; border-radius: 50%; color: #2b6c33; background: #e5f2df; }
.agblog .agcal__ico svg { width: 36px; height: 36px; fill: none; }
.agblog .agcal__text { min-width: 0; }
.agblog .agcal__text h4 { margin: 0; font-size: 16.5px; font-weight: 700; line-height: 1.22; color: #13261a; }
.agblog .agcal__text h4 a { color: inherit; text-decoration: none; }
.agblog .agcal__text h4 a::after { content: ''; position: absolute; inset: 0; border-radius: 10px; }
.agblog .agcal__text h4 a:focus-visible { outline: none; }
.agblog .agcal__text h4 a:focus-visible::after { outline: 3px solid #0b2a12; outline-offset: 2px; }
.agblog .agcal__text p { margin: 2px 0 0; color: #5d635f; font-size: 14.5px; line-height: 1.3; }
@media (hover: hover) and (pointer: fine) {
  .agblog .agcal__item:hover h4 a { text-decoration: underline; text-underline-offset: 3px; }
}
.agblog .agcal p.agcal__empty { flex: 1 1 auto; margin: 10px 20px; padding: 18px; border: 1px dashed #d6e3d2; border-radius: 12px; color: #4e5a53; text-align: center; }
.agblog .agcal a.agcal__cta { display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 42px; margin: 4px 20px 16px; padding: 0 18px; border-radius: 999px;
  color: #fff; background: linear-gradient(90deg, #2a6f31, #2f7a35); box-shadow: 0 2px 4px rgba(22,65,29,.16);
  font-size: 16px; font-weight: 400; line-height: 1.2; text-align: center; text-decoration: none; }
.agblog .agcal a.agcal__cta:hover, .agblog .agcal a.agcal__cta:focus { color: #fff; text-decoration: none; background: linear-gradient(90deg, #24622b, #286d2e); }
.agblog .agcal__cta:focus-visible, .agblog .agcal__step:focus-visible, .agblog .agcal__now a:focus-visible { outline: 3px solid #0b2a12; outline-offset: 3px; }
.agblog .agcal__cta svg { width: 18px; height: 18px; fill: none; }
/* stacked under the photograph and wide: the tasks side by side, separated by thin vertical rules */
@container agcal (min-width: 700px) {
  .agblog .agcal__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; padding-top: 6px; }
  .agblog .agcal__list--1 { grid-template-columns: minmax(0, 1fr); }
  .agblog .agcal__list--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .agblog .agcal__item { grid-template-columns: 60px minmax(0, 1fr); gap: 0 16px; padding: 10px 18px; }
  .agblog .agcal__item + .agcal__item { border-top: 0; border-left: 1px solid #e6eee3; }
  .agblog .agcal__ico { width: 60px; height: 60px; }
  .agblog .agcal a.agcal__cta { align-self: center; min-width: 320px; }
}
/* a narrower card keeps the title on one line: a smaller title first, then the decorative leaf yields */
@container agcal (max-width: 419px) {
  .agblog .agcal__head { gap: 10px; padding-left: 18px; }
  .agblog .agcal__head h2 { font-size: 21.5px; }
  .agblog .agcal__leaf { width: 32px; height: 32px; }
}
@container agcal (max-width: 299px) {
  .agblog .agcal__head h2 { font-size: 19px; }
}
@container agcal (max-width: 359px) {
  .agblog .agcal__head { padding-left: 16px; }
  .agblog .agcal__leaf { display: none; }
  .agblog .agcal__nav { padding: 6px 10px 0; }
  .agblog .agcal__list { padding: 2px 14px 4px; }
  .agblog .agcal__item { grid-template-columns: 56px minmax(0, 1fr); gap: 0 14px; }
  .agblog .agcal__ico { width: 56px; height: 56px; }
  .agblog .agcal__ico svg { width: 30px; height: 30px; }
  .agblog .agcal a.agcal__cta { margin: 6px 14px 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .agblog .aglib-dir__link, .agblog .agcal__step { transition: none !important; }
  .agblog .aglib-dir__link:hover { transform: none !important; }
}

/* ------------------------------------------------------------------ suitable products: the vertical card (V7, 1.5.0)
 * picture (the shop's own, contain, ~190 px field), full name, short benefit, price and stock, one action aligned at the
 * bottom by flex. Three cards when the section is wide, two when there is room, one on phones. The compact cards
 * between paragraphs (inline) keep their own variant. */
.agblog .agblog-products { container: agprod / inline-size; }
.agblog .agblog-products .agblog-products__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
@container agprod (min-width: 520px) { .agblog .agblog-products .agblog-products__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@container agprod (min-width: 820px) { .agblog .agblog-products .agblog-products__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.agblog .agblog-product--card { flex-direction: column; border-radius: 14px; box-shadow: 0 1px 2px rgba(22,65,29,.05), 0 6px 16px rgba(22,65,29,.06); }
.agblog .agblog-product--card .agblog-product__img { display: flex; align-items: center; justify-content: center; height: 196px; padding: 14px; background: #fff; border-bottom: 1px solid #edf2eb; }
.agblog .agblog-product--card .agblog-product__img img { width: auto; max-width: 100%; height: 100%; aspect-ratio: auto; object-fit: contain; background: transparent; }
.agblog .agblog-product--card .agblog-product__body { display: flex; flex: 1 1 auto; flex-direction: column; gap: 6px; padding: 14px 16px 16px; }
.agblog .agblog-product--card .agblog-product__name { font-family: 'AGBlog Editorial', 'Times New Roman', serif; font-size: 18px; font-weight: 700; line-height: 1.25; color: #13261a; }
.agblog .agblog-product--card .agblog-product__note { margin: 0; color: #4e5a53; font-size: 14.5px; line-height: 1.45; }
.agblog .agblog-product--card .agblog-product__price { margin: 2px 0 0; }
.agblog .agblog-product--card .agblog-product__price strong { color: #13261a; font-size: 20px; }
.agblog .agblog-product--card .agblog-product__stock { margin: 0; }
.agblog .agblog-product--card .agblog-product__actions { margin-top: auto; padding-top: 8px; }
.agblog .agblog-product--card .agblog-product__actions .agblog-btn { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 44px; border-radius: 999px; }

/* ------------------------------------------------------------------ previous / next article: small illustrated cards (V7) */
.agblog .agblog-prevnext { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; max-width: 880px; margin: 28px auto 0; }
.agblog .agblog-prevnext__card { display: grid; grid-template-columns: 132px minmax(0, 1fr); align-items: center; gap: 14px; padding: 10px; border: 1px solid #dfe9dc;
  border-radius: 14px; background: #fff; color: #13261a; text-decoration: none; box-shadow: 0 1px 2px rgba(22,65,29,.05); transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.agblog .agblog-prevnext__next { grid-column: 2; }
.agblog .agblog-prevnext__media { display: flex; align-items: center; justify-content: center; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 10px; color: #3f8338;
  background: linear-gradient(135deg, #eef6ea, #dcedd5); }
.agblog .agblog-prevnext__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.agblog .agblog-prevnext__media svg { width: 34px; height: 34px; fill: none; opacity: .8; }
.agblog .agblog-prevnext__text { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.agblog .agblog-prevnext__dir { color: #4e5a53; font: 600 12.5px/1.3 var(--agblog-ui); letter-spacing: .04em; text-transform: uppercase; }
.agblog .agblog-prevnext__title { font-family: 'AGBlog Editorial', 'Times New Roman', serif; font-size: 17px; line-height: 1.25; color: #13261a; }
.agblog .agblog-prevnext__meta { color: #5d635f; font: 13px/1.3 var(--agblog-ui); }
.agblog .agblog-prevnext__card:hover, .agblog .agblog-prevnext__card:focus { text-decoration: none; color: #13261a; border-color: #b5d1b3; }
.agblog .agblog-prevnext__card:focus-visible { outline: 3px solid #0b2a12; outline-offset: 3px; }
@media (hover: hover) and (pointer: fine) {
  .agblog .agblog-prevnext__card:hover { transform: translateY(-2px); box-shadow: 0 4px 8px rgba(22,65,29,.07), 0 10px 22px rgba(22,65,29,.09); }
}
@media (max-width: 639px) {
  .agblog .agblog-prevnext { grid-template-columns: minmax(0, 1fr); }
  .agblog .agblog-prevnext__next { grid-column: 1; }
  .agblog .agblog-prevnext__card { grid-template-columns: 112px minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .agblog .agblog-prevnext__card { transition: none !important; }
  .agblog .agblog-prevnext__card:hover { transform: none !important; }
}

/* the old editor's emoticons, shown as text (V7) */
.agblog .agblog-emoji { font-style: normal; font-weight: 400; line-height: 1; }