/*
Theme Name: Jannah Child — Всё растёт
Theme URI: https://vserastet.by/
Description: Lightweight child theme for vserastet.by. Jannah parent settings remain authoritative.
Author: vserastet.by
Template: jannah
Version: 1.26.28
Text Domain: jannah-vserastet-child
*/



:root {
  --vr-green: #4f7c3a;
  --vr-green-dark: #263b2a;
  --vr-green-soft: #eef5e9;
  --vr-earth: #a17854;
  --vr-text: #252a26;
  --vr-muted: #6f776f;
  --vr-border: #e4e8e2;
  --vr-bg: #f7f8f5;
}




/* Header / navigation */



/* Remove obvious demo-buy banner if it survived demo import. */


/* Cards */






/* Article */







/* Sidebar */



/* Footer */







/* v1.1.0: production cleanup and homepage polish */




/* Demo imported ad areas should not take visual space after theme ads are disabled. */


/* Cleaner magazine sections */
.vr-home-section { margin-bottom: 34px; }
.vr-home-section .section-title { margin-bottom: 16px; }
.vr-home-dark {
  background: var(--vr-green-dark) !important;
  color: #fff;
}
.vr-home-dark .post-title a,
.vr-home-dark .section-title h2,
.vr-home-dark .section-title h3 { color: #fff; }

/* Remove imported demo promo links in common header/ad containers. */



/* v1.2.1: ensure the active Jannah main menu is not visually collapsed by imported demo CSS. */



/* v1.2.2 — typography sizing/weight system.
   Font families are controlled exclusively from Jannah Typography / Fonts. */
:root {
}

/* Base text */



/* Brand */


/* Navigation and utility UI */



/* Homepage and card titles */



/* Single article */








/* Sidebar/footer: modern sans for density and readability */



/* Small metadata */





/* v1.2.3 — homepage/card typography sizing correction.
   Font family is intentionally NOT forced here; Jannah controls it. */

/* Section/block headings: make them visible, modern and consistent. */



/* All homepage / archive card titles. */


/* Three-column cards like the current “Сад” block. */



/* Hero/overlay titles need more contrast but less old newspaper feel. */



/* Excerpts and metadata on cards. */




/* Category labels on image cards. */


/* Sidebar/footer titles: remove the imported demo newspaper styling. */


/* Keep the actual single article editorial. */





/* v1.2.4 — compact sidebar cards.
   Jannah's imported widget styles can combine a full-width thumbnail with the
   default 125px body offset. That makes titles look shifted and wastes a lot
   of vertical space. Sidebar post widgets are normalized into compact rows. */

/* Tabs: Popular / Recent — compact thumbnail + text row. */










/* Other Jannah post-list widgets in the sidebar use the same compact rhythm. */









/* Tabs themselves: slightly tighter and cleaner. */






/* v1.2.5 — Jannah-native font management.
   IMPORTANT: no font-family is forced by the child theme.
   Choose/upload fonts in Appearance → Fonts and assign them in
   Jannah News → Theme Options → Typography.
   The child theme keeps only sizes, weights, spacing and layout fixes. */



/* v1.2.6 — homepage structure. */
.vr-home-hero { margin-bottom: 56px; }
.vr-home-hero + .vr-home-section { margin-top: 0; }
@media (max-width: 767px) {
  .vr-home-hero { margin-bottom: 34px; }
}

/* v1.3.0 — keyboard accessibility and motion preferences. */




/* =========================================================
   VSE RASTET - AUTHORS PAGE
   Shortcode: [vserastet_authors]
   ========================================================= */
.vs-authors {
    --vs-green: #2f6f43;
    --vs-green-dark: #1f5131;
    --vs-green-soft: #edf6ef;
    --vs-text: #202720;
    --vs-muted: #687168;
    --vs-border: #e3e9e3;
    max-width: 1220px;
    margin: 0 auto;
    padding: 12px 0 48px;
}

.vs-authors__hero {
    position: relative;
    overflow: hidden;
    margin-bottom: 34px;
    padding: 42px 44px;
    border-radius: 24px;
    background: linear-gradient(135deg, #f3f8f3 0%, #e6f1e7 100%);
}

.vs-authors__hero::after {
    content: "";
    position: absolute;
    right: -65px;
    top: -80px;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    background: rgba(47, 111, 67, .08);
}

.vs-authors__eyebrow {
    display: inline-flex;
    align-items: center;
    margin-bottom: 10px;
    padding: 6px 12px;
    border-radius: 999px;
    background: #fff;
    color: var(--vs-green-dark);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.vs-authors__title {
    position: relative;
    z-index: 1;
    margin: 0 0 12px;
    color: var(--vs-text);
    font-size: clamp(34px, 5vw, 58px);
    line-height: 1.02;
    letter-spacing: -.035em;
}

.vs-authors__subtitle {
    position: relative;
    z-index: 1;
    max-width: 790px;
    margin: 0;
    color: #526052;
    font-size: 18px;
    line-height: 1.65;
}

.vs-authors__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.vs-author-card {
    overflow: hidden;
    border: 1px solid var(--vs-border);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 8px 26px rgba(27, 53, 34, .055);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.vs-author-card:hover {
    transform: translateY(-4px);
    border-color: #cfddcf;
    box-shadow: 0 16px 38px rgba(27, 53, 34, .10);
}

.vs-author-card__photo-link {
    display: block;
}

.vs-author-card__photo-wrap {
    position: relative;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    background: #eef2ee;
}

.vs-author-card__photo {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 30%;
    transition: transform .35s ease;
}

.vs-author-card:hover .vs-author-card__photo {
    transform: scale(1.025);
}

.vs-author-card__body {
    padding: 22px 22px 24px;
}

.vs-author-card__name {
    margin: 0 0 7px;
    font-size: 23px;
    line-height: 1.2;
}

.vs-author-card__name a {
    color: var(--vs-text);
    text-decoration: none;
}

.vs-author-card__name a:hover {
    color: var(--vs-green);
}

.vs-author-card__role {
    margin-bottom: 13px;
    color: var(--vs-green);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.45;
}

.vs-author-card__bio {
    min-height: 76px;
    margin: 0 0 18px;
    color: var(--vs-muted);
    font-size: 15px;
    line-height: 1.65;
}

.vs-author-card__more {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--vs-green-dark);
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

.vs-author-card__more span {
    transition: transform .2s ease;
}

.vs-author-card__more:hover span {
    transform: translateX(4px);
}

.vs-authors__footer-note {
    margin-top: 34px;
    padding: 20px 24px;
    border-left: 4px solid var(--vs-green);
    border-radius: 0 14px 14px 0;
    background: var(--vs-green-soft);
    color: #455345;
    font-size: 15px;
    line-height: 1.6;
}

@media (max-width: 1024px) {
    .vs-authors__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
    .vs-authors { padding-bottom: 32px; }
    .vs-authors__hero { margin-bottom: 22px; padding: 28px 22px; border-radius: 18px; }
    .vs-authors__subtitle { font-size: 16px; }
    .vs-authors__grid { grid-template-columns: 1fr; gap: 18px; }
    .vs-author-card { border-radius: 17px; }
    .vs-author-card__body { padding: 19px 18px 21px; }
    .vs-author-card__bio { min-height: 0; }
}


/* =========================================================
   VSE RASTET - SINGLE AUTHOR ARCHIVE
   Child override: author.php
   ========================================================= */
.vs-author-profile {
  overflow: hidden;
  margin-bottom: 32px;
  padding: 0 !important;
  border: 1px solid #e3e9e3;
  border-radius: 24px;
  background: linear-gradient(135deg, #ffffff 0%, #f0f7f1 100%);
  box-shadow: 0 12px 34px rgba(30, 64, 40, .06);
}

.vs-author-profile__inner {
  display: grid;
  grid-template-columns: minmax(220px, 34%) minmax(0, 1fr);
  min-height: 360px;
}

.vs-author-profile__photo-wrap {
  position: relative;
  overflow: hidden;
  min-height: 360px;
  background: #eaf0ea;
}

.vs-author-profile__photo-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, transparent 72%, rgba(255,255,255,.16));
}

.vs-author-profile__photo {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 360px;
  object-fit: cover;
  object-position: center 28%;
}

.vs-author-profile__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 42px 46px;
}

.vs-author-profile__eyebrow,
.vs-author-posts__eyebrow {
  display: inline-flex;
  align-self: flex-start;
  margin-bottom: 11px;
  padding: 6px 11px;
  border-radius: 999px;
  background: #edf6ef;
  color: #2f6f43;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.vs-author-profile__name {
  margin: 0 0 10px !important;
  color: #202720;
  font-size: clamp(36px, 4vw, 58px) !important;
  font-weight: 800 !important;
  line-height: 1.02 !important;
  letter-spacing: -.045em !important;
}

.vs-author-profile__role {
  max-width: 720px;
  margin-bottom: 19px;
  color: #2f6f43;
  font-size: 16px;
  font-weight: 750;
  line-height: 1.5;
}

.vs-author-profile__bio {
  max-width: 760px;
  color: #566056;
  font-size: 16px;
  line-height: 1.72;
}

.vs-author-profile__bio p {
  margin: 0 0 10px;
}

.vs-author-profile__bio p:last-child {
  margin-bottom: 0;
}

.vs-author-profile__stats {
  display: flex;
  gap: 14px;
  margin-top: 25px;
  padding-top: 20px;
  border-top: 1px solid rgba(47, 111, 67, .13);
}

.vs-author-profile__stat {
  display: flex;
  align-items: baseline;
  gap: 7px;
  color: #687168;
  font-size: 13px;
}

.vs-author-profile__stat strong {
  color: #263b2a;
  font-size: 22px;
  line-height: 1;
}

.vs-author-posts {
  margin-top: 6px;
}

.vs-author-posts__header {
  margin: 0 0 20px;
  padding: 4px 2px 0;
}

.vs-author-posts__title {
  margin: 0 !important;
  color: #202720;
  font-size: clamp(27px, 3vw, 38px) !important;
  font-weight: 800 !important;
  line-height: 1.12 !important;
  letter-spacing: -.035em !important;
}

.vs-author-empty {
  padding: 32px !important;
  border: 1px solid #e3e9e3;
  border-radius: 18px;
  background: #fff;
}

.vs-author-empty h2 {
  margin-top: 0;
}

/* Do not show Jannah's old author archive title when our child template is active. */


@media (max-width: 900px) {
  .vs-author-profile__inner {
    grid-template-columns: 290px minmax(0, 1fr);
  }
  .vs-author-profile__content {
    padding: 32px 30px;
  }
}

@media (max-width: 700px) {
  .vs-author-profile {
    border-radius: 19px;
  }
  .vs-author-profile__inner {
    display: block;
  }
  .vs-author-profile__photo-wrap,
  .vs-author-profile__photo {
    min-height: 0;
  }
  .vs-author-profile__photo-wrap {
    aspect-ratio: 16 / 11;
  }
  .vs-author-profile__photo {
    position: absolute;
    inset: 0;
  }
  .vs-author-profile__content {
    padding: 27px 22px 29px;
  }
  .vs-author-profile__name {
    font-size: 36px !important;
  }
  .vs-author-profile__bio {
    font-size: 15.5px;
    line-height: 1.68;
  }
  .vs-author-posts__title {
    font-size: 28px !important;
  }
}


/* v1.7.2 - authors landing page: full width, no generic Jannah sidebar. */
.vserastet-authors-page .sidebar {
  display: none !important;
}
.vserastet-authors-page .main-content {
  width: 100% !important;
  max-width: none !important;
  float: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.vserastet-authors-page .main-content-row {
  display: block !important;
}
@media (min-width: 992px) {
  .vserastet-authors-page .vs-authors__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}


/* v1.8.0 - trust / technical pages */
.vserastet-technical-page .sidebar {
  display: none !important;
}
.vserastet-technical-page .main-content,
.vserastet-technical-page .main-content-row {
  width: 100% !important;
  max-width: none !important;
  float: none !important;
}
.vserastet-technical-page .main-content {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.vserastet-technical-page .entry-content {
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
  font-size: 17px;
  line-height: 1.78;
}
.vserastet-technical-page .entry-content h2 {
  margin-top: 34px;
  margin-bottom: 12px;
  color: var(--vr-green-dark);
  font-size: 27px;
  line-height: 1.2;
}
.vserastet-technical-page .entry-content ul {
  margin-top: 12px;
  margin-bottom: 20px;
}
.vserastet-technical-page .entry-content a {
  color: var(--vr-green);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}



@media (max-width: 767px) {
  .vserastet-technical-page .entry-content {
    font-size: 16px;
    line-height: 1.72;
  }
  .vserastet-technical-page .entry-content h2 {
    font-size: 24px;
  }
  
}


/* v1.8.1 - cleaner technical footer navigation */








/* Keep the copyright row visually separate from the legal/navigation row. */







/* v1.8.2 - center the complete footer bottom area */












/* v1.8.3 - force Jannah site-info layout to be truly centered */















/* v1.8.4 - lightweight visual feedback for Jannah Auto Load Posts.
 * Does not change sidebar, widgets, lazy-load, ad placements or Jannah's post limit.
 */






/* Keep Jannah's own loader functional, but avoid two competing spinners. */


@keyframes vserastet-autoload-spin {
  to { transform: rotate(360deg); }
}






/* ==========================================================================\n   v1.9.0 — VseRastet Design Pack 1\n   Editorial polish only: no layout/ads/autoload logic is changed.\n   ========================================================================== */
:root {
  --vr-forest: #173d28;
  --vr-leaf: #4f7c3a;
  --vr-leaf-2: #6b944f;
  --vr-cream: #f6f4ec;
  --vr-sage: #eef4ea;
  --vr-warm: #f8f2e8;
  --vr-warning: #fff7dd;
  --vr-blue-soft: #eef5f7;
  --vr-shadow: 0 10px 28px rgba(25, 51, 33, .08);
  --vr-radius: 14px;
}

/* Global rhythm */


/* Breadcrumbs become a quiet utility row rather than a visual box. */




/* Article heading hierarchy */




/* Cleaner body links without affecting buttons/ads. */



/* Lists: more editorial, less default-browser. */





/* Images and captions */




/* Blockquotes */



/* Tables stay useful on mobile. */
.entry-content .vr-table-wrap,
.entry-content .wp-block-table {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 1.5em 0;
  border: 1px solid var(--vr-border);
  border-radius: 10px;
}





/* Category chips */


/* Article metadata and sharing row */




/* Sidebar cards: quieter frames, stronger headings. */




/* Magazine/home cards: image polish and restrained motion. */



/* Tags */



/* Author box */


/* --------------------------------------------------------------------------\n   Editorial callouts — generated by [vr_note] shortcode.\n   -------------------------------------------------------------------------- */
.vr-note {
  position: relative;
  margin: 1.55em 0;
  padding: 20px 22px 20px 58px;
  border: 1px solid #dce6d8;
  border-radius: 12px;
  background: var(--vr-sage);
  color: #2f3d33;
}
.vr-note::before {
  position: absolute;
  left: 18px;
  top: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(79,124,58,.12);
  color: var(--vr-leaf);
  font-size: 15px;
  font-weight: 800;
}
.vr-note__title {
  display: block;
  margin: 0 0 5px;
  color: #23402d;
  font-size: 15px;
  line-height: 1.3;
  font-weight: 800;
}
.vr-note__content > :first-child { margin-top: 0; }
.vr-note__content > :last-child { margin-bottom: 0; }
.vr-note--tip::before { content: "✓"; }
.vr-note--important {
  border-color: #eadca7;
  background: var(--vr-warning);
}
.vr-note--important::before { content: "!"; background: rgba(188,139,35,.12); color: #9b6d0f; }
.vr-note--important .vr-note__title { color: #765512; }
.vr-note--season {
  border-color: #d8e5d1;
  background: #f1f7ed;
}
.vr-note--season::before { content: "◷"; }
.vr-note--belarus {
  border-color: #d5e3e8;
  background: var(--vr-blue-soft);
}
.vr-note--belarus::before { content: "BY"; font-size: 9px; letter-spacing: -.02em; background: rgba(44,101,122,.10); color: #2c657a; }
.vr-note--belarus .vr-note__title { color: #285467; }

/* Lead paragraph shortcode */
.vr-lead {
  margin: .4em 0 1.45em;
  color: #465249;
  font-size: 1.08em;
  line-height: 1.68;
}

/* Technical pages gain readable content width inside their full-width shell. */
.vserastet-technical-page .entry-content {
  max-width: 900px;
}

@media (max-width: 767px) {
  

  
  

  .vr-note {
    padding: 17px 16px 17px 50px;
    border-radius: 10px;
  }
  .vr-note::before {
    left: 14px;
    top: 16px;
    width: 25px;
    height: 25px;
  }

  
}


/* =========================================================
   v1.10.0 — HOME DESIGN PACK 2
   Editorial composition for vserastet.by front page.
   ========================================================= */
.home .vr-home-section {
  position: relative;
  margin-bottom: 42px;
}
.home .vr-home-section > .section-item,
.home .vr-home-section .section-item {
  position: relative;
}

/* Clear section hierarchy */
.home .vr-home-section .section-title {
  margin-bottom: 20px;
}
.home .vr-home-section .section-title h2,
.home .vr-home-section .section-title h3 {
  position: relative;
  display: inline-block;
  margin: 0;
  padding-left: 17px;
  font-size: 28px !important;
  font-weight: 800 !important;
  letter-spacing: -.035em !important;
}
.home .vr-home-section .section-title h2::before,
.home .vr-home-section .section-title h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: .13em;
  width: 5px;
  height: .82em;
  border-radius: 10px;
  background: var(--vr-green);
}

/* Hero feels like the editorial cover, not a generic slider. */
.home .vr-home-design-hero {
  margin-top: 8px;
  margin-bottom: 34px;
}
.home .vr-home-design-hero .slider-area,
.home .vr-home-design-hero .slide,
.home .vr-home-design-hero .thumb-overlay {
  border-radius: 16px;
  overflow: hidden;
}
.home .vr-home-design-hero .post-title {
  max-width: 860px;
}
.home .vr-home-design-hero .post-title a {
  text-shadow: 0 2px 18px rgba(0,0,0,.28);
}

/* Seasonal strip */
.home .vr-home-now {
  padding-top: 28px;
  padding-bottom: 30px;
  border-radius: 18px;
}
.home .vr-home-now .section-title h2::before,
.home .vr-home-now .section-title h3::before {
  background: #739d55;
}

/* Pair sections */
.home .vr-home-pair .mag-box,
.home .vr-home-country-life .mag-box,
.home .vr-home-harvest .mag-box {
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 6px 24px rgba(27,48,31,.055);
}
.home .vr-home-pair .mag-box-title,
.home .vr-home-country-life .mag-box-title,
.home .vr-home-harvest .mag-box-title {
  padding-top: 2px;
}

/* Country life gets a warm paper tint. */
.home .vr-home-country-life {
  padding-top: 30px;
  padding-bottom: 30px;
  border-radius: 18px;
}
.home .vr-home-country-life .section-title h2::before,
.home .vr-home-country-life .section-title h3::before {
  background: var(--vr-earth);
}

/* Calendar: dark editorial band. */
.home .vr-home-calendar {
  padding-top: 30px;
  padding-bottom: 32px;
  border-radius: 18px;
}
.home .vr-home-calendar .section-title h2,
.home .vr-home-calendar .section-title h3,
.home .vr-home-calendar .post-title a,
.home .vr-home-calendar .post-meta,
.home .vr-home-calendar .post-meta a {
  color: #fff !important;
}
.home .vr-home-calendar .section-title h2::before,
.home .vr-home-calendar .section-title h3::before {
  background: #a9c990;
}
.home .vr-home-calendar .mag-box,
.home .vr-home-calendar .container-wrapper {
  background: transparent;
  border-color: rgba(255,255,255,.12);
}

/* Belarus section: locally relevant but visually calm. */
.home .vr-home-belarus {
  border-top: 1px solid var(--vr-border);
  border-bottom: 1px solid var(--vr-border);
  padding-top: 28px;
  padding-bottom: 28px;
}
.home .vr-home-belarus .section-title h2::before,
.home .vr-home-belarus .section-title h3::before {
  background: #c36b4b;
}

/* Latest feed is intentionally quieter than curated blocks above. */
.home .vr-home-latest {
  padding-top: 8px;
}
.home .vr-home-latest .post-title {
  font-size: 17px !important;
}

/* More premium card behaviour without layout shifts. */
.home .vr-home-section .post-thumb img {
  transition: transform .35s ease;
}
@media (hover:hover) {
  .home .vr-home-section .post-thumb:hover img {
    transform: scale(1.025);
  }
}

@media (max-width: 991px) {
  .home .vr-home-section {
    margin-bottom: 32px;
  }
  .home .vr-home-now,
  .home .vr-home-country-life,
  .home .vr-home-calendar {
    border-radius: 14px;
  }
}

@media (max-width: 767px) {
  .home .vr-home-section {
    margin-bottom: 26px;
  }
  .home .vr-home-section .section-title h2,
  .home .vr-home-section .section-title h3 {
    font-size: 23px !important;
    padding-left: 13px;
  }
  .home .vr-home-section .section-title h2::before,
  .home .vr-home-section .section-title h3::before {
    width: 4px;
  }
  .home .vr-home-now,
  .home .vr-home-country-life,
  .home .vr-home-calendar {
    padding-top: 20px;
    padding-bottom: 22px;
    border-radius: 12px;
  }
  .home .vr-home-design-hero .slider-area,
  .home .vr-home-design-hero .slide,
  .home .vr-home-design-hero .thumb-overlay {
    border-radius: 12px;
  }
}


/* =========================================================
   v1.10.1 — MONTH-AWARE SEASON BAR
   Replaces the oversized top hero on the homepage.
   ========================================================= */
.home .vr-home-design-hero { display:none !important; }

/* v1.10.6: global seasonal navigation below the main menu. */
.vr-season-bar {
  width: 100%;
  margin: 18px 0 20px;
  padding: 0 15px;
}
.vr-season-bar__inner {
  max-width: 1170px;
  margin: 0 auto;
  min-height: 76px;
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 14px 18px;
  border: 1px solid #dfe9da;
  border-radius: 16px;
  background: linear-gradient(110deg, #f5f9f2 0%, #fbf8ef 100%);
  box-shadow: 0 5px 18px rgba(38,59,42,.045);
}
.vr-season-bar__heading {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  color: #263b2a;
  font-size: 16px;
}
.vr-season-bar__badge {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 0 10px;
  border-radius: 999px;
  background: #4f7c3a;
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .09em;
}
.vr-season-bar__topics {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  gap: 7px;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.vr-season-bar__topics::-webkit-scrollbar { display:none; }
.vr-season-bar__topics a {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 11px;
  border: 1px solid rgba(79,124,58,.16);
  border-radius: 999px;
  background: rgba(255,255,255,.72);
  color: #354139;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none !important;
  transition: background .18s ease, border-color .18s ease, color .18s ease;
}
.vr-season-bar__topics a:hover {
  border-color: #4f7c3a;
  background: #fff;
  color: #365f29;
}
.vr-season-bar__topics .vr-season-bar__all {
  border-color: transparent;
  background: transparent;
  color: #4f7c3a;
  font-weight: 800;
}
.vr-season-bar__all span { margin-left: 4px; }

/* With the hero gone, keep the first editorial section close to the navigation. */
.vr-season-bar + .site-content,
.vr-season-bar + #content { margin-top: 0; }
.home .vr-home-now { margin-top: 0; }

@media (max-width: 991px) {
  .vr-season-bar { margin-top: 13px; }
  .vr-season-bar__inner {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
    min-height: 0;
    padding: 13px 14px 12px;
  }
  .vr-season-bar__topics { width: 100%; }
}
@media (max-width: 767px) {
  .vr-season-bar { padding: 0 10px; margin: 10px 0 15px; }
  .vr-season-bar__inner { border-radius: 13px; }
  .vr-season-bar__heading { font-size: 15px; }
  .vr-season-bar__topics { margin-right: -14px; padding-right: 14px; }
  .vr-season-bar__topics a { min-height: 32px; padding: 0 10px; font-size: 11px; }
}


/* =========================================================
   v1.10.2 — FLAT EDITORIAL HOME SECTIONS
   Remove nested-card feeling from Country life / Harvest.
   ========================================================= */
.home .vr-home-flat-section .mag-box,
.home .vr-home-flat-section .container-wrapper {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.home .vr-home-flat-section .mag-box-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
}
.home .vr-home-flat-section .mag-box-title {
  display: none !important;
}
.home .vr-home-country-life {
  padding: 30px 30px 32px;
}
.home .vr-home-harvest {
  padding-top: 8px;
}
.home .vr-home-country-life .post-thumb,
.home .vr-home-harvest .post-thumb {
  border-radius: 12px;
  overflow: hidden;
}
.home .vr-home-law {
  background: #f7f6f0;
  border: 1px solid #e4e1d5;
  border-radius: 16px;
  padding: 26px 28px 28px;
}
.home .vr-home-law .section-title h2::before,
.home .vr-home-law .section-title h3::before {
  background: #765f3a;
}
@media (max-width: 767px) {
  .home .vr-home-country-life,
  .home .vr-home-law {
    padding: 20px 16px 22px;
    border-radius: 12px;
  }
}


/* =========================================================
   v1.10.3 — FLAT HOME EDITORIAL SYSTEM
   One visible heading per section + tighter vertical rhythm.
   ========================================================= */
.home .vr-home-section { margin-top: 0 !important; margin-bottom: 26px !important; }
.home .vr-home-section .section-title { margin-bottom: 14px !important; }
.home .vr-home-section .mag-box-title { display: none !important; }
.home .vr-home-flat-editorial .mag-box,
.home .vr-home-flat-editorial .container-wrapper,
.home .vr-home-flat-section .mag-box,
.home .vr-home-flat-section .container-wrapper {
  background: transparent !important; border: 0 !important; box-shadow: none !important;
}
.home .vr-home-flat-editorial .mag-box-container,
.home .vr-home-flat-section .mag-box-container {
  padding: 0 !important;
}
.home .vr-home-country-life { padding: 24px 26px 26px !important; }
.home .vr-home-now { padding-top: 22px !important; padding-bottom: 22px !important; }
.home .vr-home-belarus, .home .vr-home-law { padding-top: 22px !important; padding-bottom: 22px !important; }
@media (max-width: 991px) { .home .vr-home-section { margin-bottom: 22px !important; } }
@media (max-width: 767px) {
  .home .vr-home-section { margin-bottom: 18px !important; }
  .home .vr-home-country-life { padding: 18px 14px 20px !important; }
}


/* =========================================================
   v1.10.4 — CACHE-SAFE FLAT HOME FIX
   Version bump forces WordPress/browser/CDN to request fresh child CSS.
   ========================================================= */
.home .vr-home-garden-veg .mag-box-title,
.home .vr-home-plants .mag-box-title,
.home .vr-home-country-life .mag-box-title,
.home .vr-home-harvest .mag-box-title {
  display: none !important;
}
.home .vr-home-garden-veg .container-wrapper,
.home .vr-home-plants .container-wrapper,
.home .vr-home-country-life .container-wrapper,
.home .vr-home-harvest .container-wrapper {
  padding-top: 0 !important;
}
.home .section-wrapper.vr-home-section {
  margin-top: 0 !important;
  margin-bottom: 24px !important;
}
.home .section-wrapper.vr-home-section + .section-wrapper.vr-home-section {
  margin-top: 0 !important;
}
.home .vr-home-section .mag-box {
  margin-bottom: 0 !important;
}
@media (max-width: 767px) {
  .home .section-wrapper.vr-home-section { margin-bottom: 18px !important; }
}


/* ============================================================
   v1.10.7 — Homepage section category shortcuts
   ============================================================ */
.home .vr-home-section .vr-home-section-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: -2px 0 18px;
}
.home .vr-home-section .vr-home-section-links a {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 5px 12px;
    border: 1px solid rgba(63, 113, 48, .18);
    border-radius: 999px;
    background: rgba(255,255,255,.72);
    color: #365d2d;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.25;
    text-decoration: none;
    transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
}
.home .vr-home-section .vr-home-section-links a:hover,
.home .vr-home-section .vr-home-section-links a:focus-visible {
    background: #fff;
    border-color: rgba(63, 113, 48, .42);
    transform: translateY(-1px);
}
.home .vr-home-calendar .vr-home-section-links a {
    background: rgba(255,255,255,.10);
    border-color: rgba(255,255,255,.20);
    color: #fff;
}
.home .vr-home-calendar .vr-home-section-links a:hover,
.home .vr-home-calendar .vr-home-section-links a:focus-visible {
    background: rgba(255,255,255,.18);
    border-color: rgba(255,255,255,.36);
}
@media (max-width: 767px) {
    .home .vr-home-section .vr-home-section-links {
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
        margin-bottom: 14px;
        padding-bottom: 2px;
        -webkit-overflow-scrolling: touch;
    }
    .home .vr-home-section .vr-home-section-links::-webkit-scrollbar { display: none; }
    .home .vr-home-section .vr-home-section-links a { flex: 0 0 auto; }
}


/* ============================================================
   v1.10.8 — AJAX CATEGORY TABS
   Four main homepage sections switch six cards without page reload.
   ============================================================ */
.home .vr-home-ajax-tabs > .container > .mag-box,
.home .vr-home-ajax-tabs > .container-wrapper > .mag-box,
.home .vr-home-ajax-tabs .section-item > .mag-box,
.home .vr-home-ajax-tabs .mag-box {
    display: none !important;
}
.home .vr-home-ajax-tabs .vr-ajax-section {
    display: block !important;
}
.vr-ajax-section {
    position: relative;
    margin: 0 0 4px;
}
.vr-ajax-tabs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: -2px 0 18px;
}
.vr-ajax-tab {
    appearance: none;
    border: 1px solid rgba(63,113,48,.20);
    border-radius: 999px;
    background: rgba(255,255,255,.76);
    color: #365d2d;
    min-height: 34px;
    padding: 6px 14px;
    font: inherit;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 800;
    cursor: pointer;
    transition: color .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.vr-ajax-tab:hover,
.vr-ajax-tab:focus-visible {
    border-color: rgba(63,113,48,.48);
    background: #fff;
    transform: translateY(-1px);
}
.vr-ajax-tab.is-active {
    border-color: #4f7c3a;
    background: #4f7c3a;
    color: #fff;
    box-shadow: 0 4px 12px rgba(63,113,48,.18);
}
.vr-ajax-grid-wrap {
    position: relative;
    min-height: 220px;
    transition: opacity .18s ease;
}
.vr-ajax-section.is-loading .vr-ajax-grid-wrap {
    opacity: .36;
    pointer-events: none;
}
.vr-ajax-section.is-loading::after {
    content: "";
    position: absolute;
    top: 82px;
    left: 50%;
    width: 30px;
    height: 30px;
    margin-left: -15px;
    border: 3px solid rgba(79,124,58,.16);
    border-top-color: #4f7c3a;
    border-radius: 50%;
    animation: vrAjaxSpin .7s linear infinite;
    z-index: 3;
}
@keyframes vrAjaxSpin { to { transform: rotate(360deg); } }
.vr-ajax-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 28px 28px;
}
.vr-ajax-card { min-width: 0; }
.vr-ajax-card__media {
    position: relative;
    display: block;
    overflow: hidden;
    aspect-ratio: 16 / 10;
    border-radius: 11px;
    background: #eef1eb;
}
.vr-ajax-card__media img,
.vr-ajax-card__placeholder {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .28s ease;
}
.vr-ajax-card:hover .vr-ajax-card__media img { transform: scale(1.025); }
.vr-ajax-card__placeholder {
    background: linear-gradient(135deg,#e9eee5,#f5f7f2);
}
.vr-ajax-card__badge {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 2;
    padding: 5px 10px;
    border-radius: 5px;
    background: #4f7c3a;
    color: #fff;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 800;
}
.vr-ajax-card__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 10px;
    color: #788078;
    font-size: 11px;
    line-height: 1.3;
}
.vr-ajax-card__meta a { color: inherit; text-decoration: none; }
.vr-ajax-card__title {
    margin: 7px 0 0;
    font-size: 19px;
    line-height: 1.14;
    font-weight: 700;
}
.vr-ajax-card__title a { color: #222820; text-decoration: none; }
.vr-ajax-card__title a:hover { color: #4f7c3a; }
.vr-ajax-card__excerpt {
    margin: 9px 0 0;
    color: #717970;
    font-size: 14px;
    line-height: 1.6;
}
.vr-ajax-section__footer {
    display: flex;
    justify-content: flex-end;
    padding-top: 22px;
    margin-top: 24px;
    border-top: 1px solid #e5e9e2;
}
.vr-ajax-all {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #416f32;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none !important;
}
.vr-ajax-all:hover { color: #263b2a; }
.vr-ajax-all span { transition: transform .18s ease; }
.vr-ajax-all:hover span { transform: translateX(3px); }
.vr-ajax-empty {
    padding: 42px 24px;
    border: 1px dashed #d8dfd4;
    border-radius: 12px;
    background: rgba(255,255,255,.62);
    color: #687168;
    text-align: center;
}
@media (max-width: 991px) {
    .vr-ajax-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 20px; }
}
@media (max-width: 767px) {
    .vr-ajax-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        margin-right: -14px;
        padding-right: 14px;
        margin-bottom: 15px;
    }
    .vr-ajax-tabs::-webkit-scrollbar { display:none; }
    .vr-ajax-tab { flex: 0 0 auto; min-height: 32px; padding: 5px 12px; font-size: 11px; }
    .vr-ajax-grid { grid-template-columns: 1fr; gap: 23px; }
    .vr-ajax-card__title { font-size: 18px; }
    .vr-ajax-card__excerpt { font-size: 13px; }
    .vr-ajax-section__footer { justify-content: flex-start; margin-top: 20px; padding-top: 18px; }
}


/* ============================================================
   v1.10.9 — SEASON AJAX PANEL + SINGLE-LINK CLEANUP
   ============================================================ */
.vr-season-topic.is-active {
  border-color: #4f7c3a !important;
  background: #4f7c3a !important;
  color: #fff !important;
  box-shadow: 0 3px 10px rgba(63,113,48,.14);
}
.vr-season-preview {
  max-width: 1170px;
  margin: 10px auto 0;
  padding: 0 18px 17px;
  border: 1px solid #dfe9da;
  border-top: 0;
  border-radius: 0 0 16px 16px;
  background: #fff;
  box-shadow: 0 10px 25px rgba(38,59,42,.07);
}
.vr-season-preview[hidden] { display: none !important; }
.vr-season-bar.is-preview-open .vr-season-bar__inner {
  border-radius: 16px 16px 0 0;
  box-shadow: none;
}
.vr-season-preview__content { padding-top: 17px; }
.vr-season-preview__grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 18px;
}
.vr-season-preview__card { min-width: 0; }
.vr-season-preview__media {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 16 / 10;
  border-radius: 10px;
  background: #eef1eb;
}
.vr-season-preview__media img,
.vr-season-preview__media .vr-ajax-card__placeholder {
  width: 100%; height: 100%; object-fit: cover; display: block;
  transition: transform .24s ease;
}
.vr-season-preview__card:hover .vr-season-preview__media img { transform: scale(1.025); }
.vr-season-preview__badge {
  position: absolute; right: 8px; bottom: 8px;
  padding: 4px 8px; border-radius: 5px;
  background: #4f7c3a; color: #fff;
  font-size: 10px; font-weight: 800; line-height: 1.2;
}
.vr-season-preview__meta {
  margin-top: 8px; color: #7b827a; font-size: 10px; line-height: 1.3;
}
.vr-season-preview__title {
  margin: 5px 0 0; font-size: 15px; line-height: 1.22; font-weight: 700;
}
.vr-season-preview__title a { color: #252a26; text-decoration: none !important; }
.vr-season-preview__title a:hover { color: #4f7c3a; }
.vr-season-preview__footer {
  display: flex; justify-content: flex-end;
  margin-top: 17px; padding-top: 14px; border-top: 1px solid #e7ebe5;
}
.vr-season-preview__footer a {
  color: #416f32; font-size: 12px; font-weight: 800; text-decoration: none !important;
}
.vr-season-preview__loading,
.vr-season-preview__empty {
  min-height: 90px; display: flex; align-items: center; justify-content: center;
  padding: 20px; border-radius: 10px; background: #f7f9f5;
  color: #697268; font-size: 13px; text-align: center;
}
.vr-season-bar.is-preview-loading .vr-season-preview__loading::before {
  content: ""; width: 18px; height: 18px; margin-right: 10px;
  border: 2px solid rgba(79,124,58,.18); border-top-color: #4f7c3a;
  border-radius: 50%; animation: vrAjaxSpin .7s linear infinite;
}
@media (max-width: 991px) {
  .vr-season-preview__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 767px) {
  .vr-season-preview { margin: 7px 10px 0; padding: 0 12px 13px; border-radius: 0 0 13px 13px; }
  .vr-season-bar.is-preview-open .vr-season-bar__inner { border-radius: 13px 13px 0 0; }
  .vr-season-preview__grid {
    display: flex; overflow-x: auto; gap: 12px; margin-right: -12px; padding-right: 12px;
    scrollbar-width: none; -webkit-overflow-scrolling: touch;
  }
  .vr-season-preview__grid::-webkit-scrollbar { display:none; }
  .vr-season-preview__card { flex: 0 0 76%; }
  .vr-season-preview__footer { justify-content: flex-start; }
}

/* v1.10.10 — 'Сейчас актуально' uses the same AJAX tabs system. */
.home .vr-home-now.vr-home-ajax-tabs .vr-ajax-tabs { margin-top: 0; }
.home .vr-home-now.vr-home-ajax-tabs .vr-ajax-section__footer { border-top-color: rgba(63,113,48,.14); }

/* v1.10.11 — unified "View all section articles" link */
.vr-section-all-link,
.vr-ajax-section__footer {
  margin-top: 24px;
  padding-top: 14px;
  border-top: 1px solid var(--vr-border);
  text-align: right;
}

.vr-section-all-link a,
.vr-ajax-all {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--vr-green-dark);
  font-weight: 700;
  text-decoration: none;
  transition: color .18s ease, gap .18s ease;
}

.vr-section-all-link a:hover,
.vr-ajax-all:hover {
  color: var(--vr-green);
  gap: 9px;
}

@media (max-width: 767px) {
  .vr-section-all-link,
  .vr-ajax-section__footer {
    margin-top: 18px;
    text-align: left;
  }
}

/* =========================================================
 * v1.12.0 — Design Pack 2 + mobile identity
 * ========================================================= */

/* Mobile off-canvas menu: replace imported demo blue/purple skin. */


/* Editorial section numbering: decorative only. */
.home .vr-home-section {
  position: relative;
}
.home .vr-home-garden-veg::before,
.home .vr-home-plants::before,
.home .vr-home-country-life::before,
.home .vr-home-harvest::before,
.home .vr-home-soil::before {
  position: absolute;
  right: 18px;
  top: 8px;
  z-index: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(58px, 7vw, 96px);
  line-height: 1;
  font-weight: 700;
  color: rgba(79,124,58,.055);
  pointer-events: none;
  user-select: none;
}
.home .vr-home-garden-veg::before { content: "01"; }
.home .vr-home-plants::before { content: "02"; }
.home .vr-home-country-life::before { content: "03"; }
.home .vr-home-harvest::before { content: "04"; }
.home .vr-home-soil::before { content: "05"; }
.home .vr-home-section > * { position: relative; z-index: 1; }

/* Slight botanical depth without image assets. */
.home .vr-home-country-life,
.home .vr-home-harvest,
.home .vr-home-now {
  overflow: hidden;
}
.home .vr-home-country-life::after,
.home .vr-home-harvest::after,
.home .vr-home-now::after {
  content: "";
  position: absolute;
  width: 170px;
  height: 170px;
  right: -70px;
  bottom: -85px;
  border: 1px solid rgba(79,124,58,.08);
  border-radius: 100% 0 100% 0;
  transform: rotate(-18deg);
  pointer-events: none;
}

/* More editorial card interaction. */
.vr-ajax-card,
.vr-season-preview__card,
.home .mag-box .post-item {
  transition: transform .20s ease, box-shadow .20s ease;
}
@media (hover:hover) and (pointer:fine) {
  .vr-ajax-card:hover,
  .vr-season-preview__card:hover {
    transform: translateY(-3px);
  }
}

/* Turn View-all into a clearer editorial affordance. */
.vr-section-all-link,
.vr-ajax-section__footer,
.vr-season-preview__footer {
  position: relative;
}
.vr-section-all-link::before,
.vr-ajax-section__footer::before,
.vr-season-preview__footer::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background: var(--vr-border);
  z-index: 0;
}
.vr-section-all-link a,
.vr-ajax-all,
.vr-season-preview__footer a {
  position: relative;
  z-index: 1;
  background: var(--vr-bg);
  padding-left: 14px;
  margin-left: auto;
}
.home .vr-home-now .vr-ajax-all,
.home .vr-home-now .vr-section-all-link a {
  background: var(--vr-green-soft);
}

/* Article reading progress. */
#vr-reading-progress {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 3px;
  z-index: 999999;
  pointer-events: none;
  background: transparent;
}
#vr-reading-progress > span {
  display: block;
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, #4f7c3a, #8bac49);
  box-shadow: 0 0 10px rgba(79,124,58,.25);
  transition: width .08s linear;
}

/* Mobile refinements for magazine sections. */
@media (max-width: 767px) {
  .home .vr-home-garden-veg::before,
  .home .vr-home-plants::before,
  .home .vr-home-country-life::before,
  .home .vr-home-harvest::before,
  .home .vr-home-soil::before {
    right: 10px;
    top: 6px;
    font-size: 54px;
  }

  .vr-section-all-link a,
  .vr-ajax-all,
  .vr-season-preview__footer a {
    padding-left: 10px;
  }
}


/* =========================================================
 * v1.13.0 — Design Pack 3: editorial hierarchy
 * ========================================================= */

/* Leading story treatment: intentionally limited to two lifestyle sections. */
@media (min-width: 992px) {
  .home .vr-home-country-life .vr-ajax-grid,
  .home .vr-home-harvest .vr-ajax-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    align-items: start;
    gap: 24px;
  }
  .home .vr-home-country-life .vr-ajax-card.is-featured,
  .home .vr-home-harvest .vr-ajax-card.is-featured {
    grid-column: span 2;
    grid-row: span 2;
  }
  .home .vr-home-country-life .vr-ajax-card.is-featured .vr-ajax-card__media,
  .home .vr-home-harvest .vr-ajax-card.is-featured .vr-ajax-card__media {
    aspect-ratio: 16 / 9;
  }
  .home .vr-home-country-life .vr-ajax-card.is-featured .vr-ajax-card__title,
  .home .vr-home-harvest .vr-ajax-card.is-featured .vr-ajax-card__title {
    font-size: clamp(22px, 2vw, 29px);
    line-height: 1.14;
    max-width: 92%;
  }
  .home .vr-home-country-life .vr-ajax-card.is-featured .vr-ajax-card__excerpt,
  .home .vr-home-harvest .vr-ajax-card.is-featured .vr-ajax-card__excerpt {
    max-width: 90%;
    font-size: 15px;
  }
}

.home .vr-home-country-life .vr-ajax-card.is-featured .vr-ajax-card__media::before,
.home .vr-home-harvest .vr-ajax-card.is-featured .vr-ajax-card__media::before {
  content: "Выбор редакции";
  position: absolute;
  left: 12px;
  top: 12px;
  z-index: 4;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(29,63,38,.92);
  color: #fff;
  font-size: 10px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .035em;
  text-transform: uppercase;
  box-shadow: 0 5px 16px rgba(22,47,29,.18);
}

/* Long-form article navigation. */
.vr-scroll-heading { scroll-margin-top: 92px; }
.vr-article-toc {
  position: relative;
  margin: 32px 0 38px;
  padding: 0;
  overflow: hidden;
  border: 1px solid #dce6d8;
  border-radius: 16px;
  background: linear-gradient(145deg,#f7faf5 0%,#eef5e9 100%);
  box-shadow: 0 8px 26px rgba(39,72,42,.045);
}
.vr-article-toc::after {
  content: "";
  position: absolute;
  right: -42px;
  top: -48px;
  width: 132px;
  height: 132px;
  border: 1px solid rgba(79,124,58,.10);
  border-radius: 100% 0 100% 0;
  transform: rotate(-18deg);
  pointer-events: none;
}
.vr-article-toc__toggle {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 64px;
  padding: 15px 20px;
  gap: 10px;
  border: 0;
  background: transparent;
  color: #203526;
  text-align: left;
  cursor: pointer;
}
.vr-article-toc__toggle strong {
  font-size: 19px;
  line-height: 1.2;
}
.vr-article-toc__kicker {
  display: inline-flex;
  padding: 5px 8px;
  border-radius: 999px;
  background: #4f7c3a;
  color: #fff;
  font-size: 9px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.vr-article-toc__chevron {
  margin-left: auto;
  font-size: 23px;
  line-height: 1;
  transition: transform .18s ease;
}
.vr-article-toc.is-collapsed .vr-article-toc__chevron { transform: rotate(-90deg); }
.vr-article-toc__list {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 0 28px;
  margin: 0;
  padding: 0 20px 20px 48px;
  transition: opacity .18s ease;
}
.vr-article-toc.is-collapsed .vr-article-toc__list { display: none; }
.vr-article-toc__list li {
  margin: 0;
  padding: 8px 4px 8px 2px;
  color: #4f7c3a;
  border-bottom: 1px solid rgba(79,124,58,.10);
}
.vr-article-toc__list a {
  color: #354238 !important;
  text-decoration: none !important;
  font-size: 14px;
  line-height: 1.45;
}
.vr-article-toc__list a:hover { color: #4f7c3a !important; }

/* Existing Jannah author component: make it feel like an editorial signature. */





/* Mobile magazine rhythm: reduce giant cards without making them cramped. */
@media (max-width: 767px) {
  .vr-article-toc { margin: 24px 0 30px; border-radius: 13px; }
  .vr-article-toc__toggle { min-height: 58px; padding: 13px 15px; }
  .vr-article-toc__toggle strong { font-size: 17px; }
  .vr-article-toc__list {
    grid-template-columns: 1fr;
    padding: 0 15px 16px 39px;
  }
  .vr-ajax-card__title { line-height: 1.24; }
  .home .vr-home-country-life .vr-ajax-card.is-featured,
  .home .vr-home-harvest .vr-ajax-card.is-featured { grid-column: auto; grid-row: auto; }
  .home .vr-home-country-life .vr-ajax-card.is-featured .vr-ajax-card__media::before,
  .home .vr-home-harvest .vr-ajax-card.is-featured .vr-ajax-card__media::before {
    left: 9px; top: 9px; padding: 5px 8px; font-size: 9px;
  }
}

/* =========================================================
 * v1.14.0 — Design Pack 4: archives, search and 404
 * ========================================================= */

.vr-archive-hero {
  position: relative;
  overflow: hidden;
  margin-bottom: 24px;
  padding: 30px 32px 28px !important;
  border: 1px solid #dde7da !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 92% 2%, rgba(124,169,95,.13) 0 92px, transparent 93px),
    linear-gradient(145deg,#f9fbf7 0%,#eff6eb 100%) !important;
  box-shadow: 0 10px 32px rgba(42,76,45,.045);
}
.vr-archive-hero::after {
  content: "";
  position: absolute;
  right: 28px;
  bottom: -42px;
  width: 120px;
  height: 160px;
  border: 2px solid rgba(79,124,58,.07);
  border-radius: 100% 0 100% 0;
  transform: rotate(-25deg);
  pointer-events: none;
}
.vr-archive-hero__topline {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
}
.vr-archive-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #4f7c3a;
  color: #fff;
  font-size: 10px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .055em;
  text-transform: uppercase;
}
.vr-archive-hero__count {
  color: #6d796d;
  font-size: 12px;
  font-weight: 600;
}
.vr-archive-hero__title {
  position: relative;
  z-index: 1;
  margin: 0 !important;
  max-width: 780px;
  color: #203526 !important;
  font-size: clamp(34px,4vw,54px) !important;
  line-height: 1.04 !important;
  letter-spacing: -.04em !important;
}
.vr-archive-hero__description {
  position: relative;
  z-index: 1;
  max-width: 760px;
  margin: 15px 0 0 !important;
  color: #59665b;
  font-size: 16px;
  line-height: 1.65;
}
.vr-archive-hero__description p:last-child { margin-bottom: 0; }
.vr-category-children {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 22px;
}
.vr-category-children a {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 36px;
  padding: 7px 11px 7px 13px;
  border: 1px solid #d9e4d5;
  border-radius: 999px;
  background: rgba(255,255,255,.82);
  color: #304b35;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 3px 12px rgba(43,73,46,.025);
}
.vr-category-children a:hover { transform: translateY(-1px); border-color: #aac39d; color: #356328; }
.vr-category-children small {
  display: inline-grid;
  place-items: center;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  border-radius: 999px;
  background: #edf4e9;
  color: #65805e;
  font-size: 10px;
}
.vr-archive-section-heading {
  display: flex;
  align-items: center;
  gap: 13px;
  margin: 28px 0 16px;
  color: #243729;
  font-weight: 800;
  font-size: 14px;
}
.vr-archive-section-heading::after { content:""; flex:1; height:1px; background:#e0e6de; }

/* Archive cards: polish the native Jannah loop without changing its data/layout. */





.vr-pagination-wrap { margin-top: 28px; }
.vr-pagination-wrap .pages-nav,
.vr-pagination-wrap .pagination { border-radius: 12px; overflow: hidden; }

/* Search */
.vr-search-hero__form { position:relative; z-index:2; max-width:620px; margin-top:22px; }
.vr-search-hero__form form { position:relative; }
.vr-search-hero__form input[type="text"],
.vr-search-hero__form input[type="search"] {
  width:100%; min-height:48px; border:1px solid #d4e1d0; border-radius:999px;
  background:#fff; padding:0 52px 0 18px; box-shadow:0 6px 18px rgba(38,66,40,.035);
}
.vr-search-empty {
  text-align:center; padding:46px 28px !important; border:1px solid #e0e6de !important;
  border-radius:18px !important; background:#fff !important;
}
.vr-search-empty__mark {
  display:grid; place-items:center; width:64px; height:64px; margin:0 auto 16px;
  border-radius:50%; background:#eef5e9; color:#4f7c3a; font-size:34px; font-weight:800;
}
.vr-search-empty h2 { margin:0 0 8px; color:#263b2a; }
.vr-search-empty p { max-width:560px; margin:0 auto 22px; color:#687268; }
.vr-search-empty__links { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; }
.vr-search-empty__links a { padding:8px 12px; border:1px solid #dbe6d7; border-radius:999px; background:#f8faf7; color:#36543b; font-size:12px; font-weight:700; }

/* Branded 404 */

.vr-404 {
  position:relative; overflow:hidden; max-width:1020px; margin:38px auto 50px !important;
  padding:54px 54px 48px !important; text-align:center; border:1px solid #dce6d8 !important;
  border-radius:24px !important; background:linear-gradient(145deg,#fff 0%,#f0f6ec 100%) !important;
  box-shadow:0 16px 46px rgba(34,64,38,.055);
}
.vr-404__art { position:relative; display:inline-block; margin-bottom:4px; }
.vr-404__number { display:block; color:rgba(79,124,58,.13); font-size:clamp(96px,15vw,176px); line-height:.85; font-weight:900; letter-spacing:-.08em; }
.vr-404__sprout { position:absolute; top:-10px; left:51%; width:28px; height:52px; border-left:4px solid #4f7c3a; transform:rotate(9deg); }
.vr-404__sprout::before,.vr-404__sprout::after { content:""; position:absolute; width:26px; height:15px; background:#7aaa56; border-radius:100% 0 100% 0; }
.vr-404__sprout::before { left:1px; top:4px; transform:rotate(-20deg); }
.vr-404__sprout::after { left:-25px; top:18px; transform:scaleX(-1) rotate(-15deg); }
.vr-404 h1 { max-width:720px; margin:16px auto 13px; color:#203526; font-size:clamp(30px,4vw,46px); line-height:1.08; letter-spacing:-.035em; }
.vr-404 > p { max-width:690px; margin:0 auto 26px; color:#647066; font-size:16px; line-height:1.65; }
.vr-404__actions { display:flex; align-items:center; justify-content:center; gap:12px; max-width:720px; margin:0 auto 28px; }
.vr-primary-button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:0 20px; border-radius:999px; background:#4f7c3a; color:#fff !important; font-weight:800; text-decoration:none !important; white-space:nowrap; box-shadow:0 7px 20px rgba(79,124,58,.18); }
.vr-primary-button:hover { background:#3e682e; transform:translateY(-1px); }
.vr-404__search { flex:1; max-width:430px; }
.vr-404__search input[type="text"], .vr-404__search input[type="search"] { min-height:46px; border-radius:999px; }
.vr-404__categories { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; padding-top:22px; border-top:1px solid #dce5d9; }
.vr-404__categories a { display:inline-flex; align-items:center; gap:7px; padding:8px 12px; border-radius:999px; background:rgba(255,255,255,.76); border:1px solid #d8e3d4; color:#35513a; font-size:12px; font-weight:700; }
.vr-404__categories a span { transition:transform .18s ease; }
.vr-404__categories a:hover span { transform:translateX(3px); }

/* Special calm treatment for the future legislation section. */
.category-zakonodatelstvo .vr-archive-hero,
.category-law .vr-archive-hero {
  background:linear-gradient(145deg,#f8f8f5 0%,#f0f1ed 100%) !important;
  border-color:#dedfd9 !important;
}
.category-zakonodatelstvo .vr-archive-hero__eyebrow,
.category-law .vr-archive-hero__eyebrow { background:#4b574c; }

@media (max-width: 767px) {
  .vr-archive-hero { padding:22px 18px 20px !important; border-radius:15px !important; margin-bottom:18px; }
  .vr-archive-hero__title { font-size:34px !important; }
  .vr-archive-hero__description { font-size:14px; line-height:1.58; }
  .vr-category-children { flex-wrap:nowrap; overflow-x:auto; margin-left:-4px; margin-right:-4px; padding:2px 4px 7px; scrollbar-width:none; }
  .vr-category-children::-webkit-scrollbar { display:none; }
  .vr-category-children a { flex:0 0 auto; }
  .vr-archive-section-heading { margin:21px 0 13px; }
  .vr-404 { margin:20px 0 34px !important; padding:34px 18px 30px !important; border-radius:17px !important; }
  .vr-404__actions { flex-direction:column; }
  .vr-404__search { width:100%; }
  .vr-primary-button { width:100%; }
  .vr-404__number { font-size:108px; }
}


/* =========================================================
 * v1.15.0 — Design Pack 5: “Популярно сейчас” ranking block
 * ========================================================= */
.home .vr-home-popular-now {
  overflow: hidden;
  background:
    radial-gradient(circle at 96% 8%, rgba(121,94,61,.07) 0 110px, transparent 111px),
    #f7f3ed !important;
}
.home .vr-home-popular-now .mag-box,
.home .vr-home-popular-now .container-wrapper {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.vr-popular-now { padding: 2px 0 4px; }
.vr-popular-now__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 18px;
}
.vr-popular-card {
  position: relative;
  min-width: 0;
  border-radius: 16px;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(107,88,63,.12);
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(76,60,42,.045);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.vr-popular-card__media {
  position: relative;
  display: block;
  aspect-ratio: 16/10;
  overflow: hidden;
  background: #e8eadf;
}
.vr-popular-card__media img,
.vr-popular-card__placeholder {
  width: 100%; height: 100%; object-fit: cover; display:block;
  transition: transform .28s ease;
}
.vr-popular-card__rank {
  position: absolute;
  left: 12px;
  bottom: -4px;
  z-index: 2;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 54px;
  line-height: .9;
  font-weight: 800;
  letter-spacing: -.08em;
  color: rgba(255,255,255,.92);
  text-shadow: 0 2px 18px rgba(0,0,0,.24);
}
.vr-popular-card__badge {
  position:absolute; right:10px; top:10px; z-index:2;
  padding:6px 8px; border-radius:7px; background:#4f7c3a; color:#fff;
  font-size:10px; line-height:1; font-weight:800;
}
.vr-popular-card__body { padding: 14px 15px 17px; }
.vr-popular-card__meta {
  display:flex; flex-wrap:wrap; align-items:center; gap:5px;
  margin-bottom:8px; color:#7b756c; font-size:10px; line-height:1.3;
  text-transform:uppercase; letter-spacing:.035em; font-weight:700;
}
.vr-popular-card__meta > span:first-child { color:#4f7c3a; }
.vr-popular-card__title { margin:0 !important; font-size:18px !important; line-height:1.22 !important; letter-spacing:-.015em !important; }
.vr-popular-card__title a { color:#253427 !important; text-decoration:none !important; }
@media (hover:hover) and (pointer:fine) {
  .vr-popular-card:hover { transform:translateY(-4px); border-color:rgba(79,124,58,.22); box-shadow:0 14px 30px rgba(61,54,42,.09); }
  .vr-popular-card:hover .vr-popular-card__media img { transform:scale(1.025); }
  .vr-popular-card:hover .vr-popular-card__title a { color:#456f35 !important; }
}
@media (max-width: 991px) {
  .vr-popular-now__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 767px) {
  .home .vr-home-popular-now { padding-left: 0 !important; padding-right: 0 !important; }
  .vr-popular-now__grid {
    display:flex; overflow-x:auto; gap:12px; padding:2px 16px 12px;
    scroll-snap-type:x mandatory; scrollbar-width:none;
  }
  .vr-popular-now__grid::-webkit-scrollbar { display:none; }
  .vr-popular-card { flex:0 0 82%; scroll-snap-align:start; }
  .vr-popular-card__rank { font-size:48px; }
  .vr-popular-card__title { font-size:17px !important; }
}


/* =========================================================
 * v1.16.0 — Design Pack 6: “Что делать сейчас” action planner
 * ========================================================= */
.home .vr-home-action-now {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(110deg, rgba(255,255,255,.82), rgba(250,248,239,.92)),
    #fbfaf5 !important;
  border-top: 1px solid rgba(95,119,76,.12);
  border-bottom: 1px solid rgba(95,119,76,.12);
}
.home .vr-home-action-now::after {
  content:"";
  position:absolute;
  right:-70px;
  top:-90px;
  width:240px;
  height:240px;
  border:1px solid rgba(79,124,58,.10);
  border-radius:52% 48% 58% 42%;
  transform:rotate(25deg);
  pointer-events:none;
}
.home .vr-home-action-now .mag-box,
.home .vr-home-action-now .container-wrapper {
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
.vr-action-now { position:relative; z-index:1; }
.vr-action-now__intro {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin:0 0 18px;
}
.vr-action-now__kicker {
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 10px;
  border-radius:999px;
  background:#315c37;
  color:#fff;
  font-size:10px;
  line-height:1;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.075em;
  white-space:nowrap;
}
.vr-action-now__intro p {
  max-width:660px;
  margin:0;
  color:#697064;
  font-size:13px;
  line-height:1.55;
}
.vr-action-now__grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.vr-action-card {
  position:relative;
  min-width:0;
  padding:18px;
  border:1px solid #dfe6d9;
  border-radius:18px;
  background:rgba(255,255,255,.84);
  box-shadow:0 9px 26px rgba(54,67,46,.045);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.vr-action-card__top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.vr-action-card__step {
  font-family:Georgia,"Times New Roman",serif;
  font-size:34px;
  line-height:.85;
  font-weight:800;
  color:rgba(79,124,58,.20);
  letter-spacing:-.07em;
}
.vr-action-card__period {
  padding:6px 9px;
  border-radius:999px;
  background:#eef4e9;
  color:#47693b;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.045em;
}
.vr-action-card h3 {
  margin:0 0 14px !important;
  min-height:2.5em;
  color:#243728;
  font-size:20px !important;
  line-height:1.24 !important;
  letter-spacing:-.02em;
}
.vr-action-card__story {
  display:grid;
  grid-template-columns:82px minmax(0,1fr);
  align-items:center;
  gap:11px;
  margin:0 0 14px;
  color:#455245 !important;
  text-decoration:none !important;
}
.vr-action-card__story img,
.vr-action-card__story .vr-ajax-card__placeholder {
  width:82px;
  height:64px;
  object-fit:cover;
  border-radius:10px;
  display:block;
  background:#e9eee4;
}
.vr-action-card__story span {
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  font-size:12px;
  line-height:1.42;
  font-weight:700;
}
.vr-action-card__go {
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#3f6f32 !important;
  font-size:12px;
  font-weight:800;
  text-decoration:none !important;
}
.vr-action-card__go span { transition:transform .18s ease; }
@media (hover:hover) and (pointer:fine) {
  .vr-action-card:hover {
    transform:translateY(-3px);
    border-color:#c9d9c1;
    box-shadow:0 14px 32px rgba(54,67,46,.08);
  }
  .vr-action-card__go:hover span { transform:translateX(4px); }
}
@media (max-width:991px) {
  .vr-action-now__grid { grid-template-columns:repeat(3,minmax(240px,1fr)); overflow-x:auto; padding-bottom:8px; scrollbar-width:none; }
  .vr-action-now__grid::-webkit-scrollbar { display:none; }
}
@media (max-width:767px) {
  .vr-action-now__intro { display:block; margin-bottom:14px; }
  .vr-action-now__kicker { margin-bottom:9px; }
  .vr-action-now__intro p { font-size:12px; }
  .vr-action-now__grid {
    display:flex;
    overflow-x:auto;
    gap:12px;
    margin-left:-16px;
    margin-right:-16px;
    padding:2px 16px 12px;
    scroll-snap-type:x mandatory;
  }
  .vr-action-card { flex:0 0 84%; scroll-snap-align:start; border-radius:16px; padding:16px; }
  .vr-action-card h3 { font-size:18px !important; min-height:auto; }
}


/* =========================================================
 * v1.17.0 — Design Pack 7: asymmetric editorial homepage
 * ========================================================= */

/* Garden + vegetable: lead story on the left, compact editorial rail on the right. */
@media (min-width: 992px) {
  .home .vr-home-garden-veg .vr-ajax-grid {
    grid-template-columns: minmax(0,1.55fr) minmax(0,.72fr) minmax(0,.72fr);
    grid-auto-flow: row;
    gap: 18px 20px;
    align-items: start;
  }
  .home .vr-home-garden-veg .vr-ajax-card:first-child {
    grid-column: 1;
    grid-row: 1 / span 2;
    padding-right: 4px;
  }
  .home .vr-home-garden-veg .vr-ajax-card:first-child .vr-ajax-card__media {
    aspect-ratio: 4 / 3;
    border-radius: 18px;
  }
  .home .vr-home-garden-veg .vr-ajax-card:first-child .vr-ajax-card__title {
    max-width: 94%;
    font-size: clamp(24px,2vw,31px);
    line-height: 1.10;
    letter-spacing: -.025em;
  }
  .home .vr-home-garden-veg .vr-ajax-card:first-child .vr-ajax-card__excerpt {
    max-width: 92%;
    font-size: 15px;
  }
  .home .vr-home-garden-veg .vr-ajax-card:not(:first-child) .vr-ajax-card__media {
    aspect-ratio: 16 / 9;
    border-radius: 12px;
  }
  .home .vr-home-garden-veg .vr-ajax-card:not(:first-child) .vr-ajax-card__title {
    font-size: 16px;
    line-height: 1.18;
  }
  .home .vr-home-garden-veg .vr-ajax-card:not(:first-child) .vr-ajax-card__excerpt {
    display: none;
  }
  .home .vr-home-garden-veg .vr-ajax-card:nth-child(6) {
    grid-column: 2 / span 2;
    display: grid;
    grid-template-columns: 180px minmax(0,1fr);
    gap: 14px;
    align-items: center;
    padding-top: 14px;
    border-top: 1px solid rgba(73,108,61,.14);
  }
  .home .vr-home-garden-veg .vr-ajax-card:nth-child(6) .vr-ajax-card__media {
    aspect-ratio: 16 / 10;
  }
  .home .vr-home-garden-veg .vr-ajax-card:nth-child(6) .vr-ajax-card__meta {
    margin-top: 0;
  }
  .home .vr-home-garden-veg .vr-ajax-card:nth-child(6) .vr-ajax-card__title {
    font-size: 18px;
  }
}

/* Plants: a wide editorial lead, then a clean four-card gallery beneath it. */
@media (min-width: 992px) {
  .home .vr-home-plants .vr-ajax-grid {
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 20px;
  }
  .home .vr-home-plants .vr-ajax-card:first-child {
    grid-column: 1 / span 2;
  }
  .home .vr-home-plants .vr-ajax-card:nth-child(2) {
    grid-column: 3 / span 2;
  }
  .home .vr-home-plants .vr-ajax-card:nth-child(-n/**/+2) .vr-ajax-card__media {
    aspect-ratio: 16 / 8.3;
    border-radius: 18px;
  }
  .home .vr-home-plants .vr-ajax-card:nth-child(-n/**/+2) .vr-ajax-card__title {
    font-size: clamp(20px,1.55vw,25px);
    line-height: 1.12;
  }
  .home .vr-home-plants .vr-ajax-card:nth-child(-n/**/+2) .vr-ajax-card__excerpt {
    max-width: 92%;
  }
  .home .vr-home-plants .vr-ajax-card:nth-child(n/**/+3) .vr-ajax-card__media {
    aspect-ratio: 1 / 1;
    border-radius: 14px;
  }
  .home .vr-home-plants .vr-ajax-card:nth-child(n/**/+3) .vr-ajax-card__title {
    font-size: 16px;
    line-height: 1.20;
  }
  .home .vr-home-plants .vr-ajax-card:nth-child(n/**/+3) .vr-ajax-card__excerpt {
    display: none;
  }
}

/* Editorial label on the two lead stories — subtle, not another category badge. */
.home .vr-home-garden-veg .vr-ajax-card:first-child .vr-ajax-card__media::before,
.home .vr-home-plants .vr-ajax-card:first-child .vr-ajax-card__media::before {
  content: "Главный материал";
  position: absolute;
  left: 12px;
  top: 12px;
  z-index: 4;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(28,55,34,.88);
  color: #fff;
  font-size: 9px;
  line-height: 1;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .055em;
  backdrop-filter: blur(5px);
}

/* Small visual breathing mark before the next major section. */
.home .vr-home-garden-veg,
.home .vr-home-plants {
  position: relative;
}
.home .vr-home-garden-veg::after,
.home .vr-home-plants::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -26px;
  width: 56px;
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg,transparent,rgba(74,112,61,.35),transparent);
  pointer-events: none;
}

@media (max-width: 991px) {
  .home .vr-home-garden-veg .vr-ajax-grid,
  .home .vr-home-plants .vr-ajax-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 22px 18px;
  }
  .home .vr-home-garden-veg .vr-ajax-card,
  .home .vr-home-plants .vr-ajax-card,
  .home .vr-home-garden-veg .vr-ajax-card:nth-child(6),
  .home .vr-home-plants .vr-ajax-card:first-child,
  .home .vr-home-plants .vr-ajax-card:nth-child(2) {
    grid-column: auto;
    grid-row: auto;
    display: block;
    padding-top: 0;
    border-top: 0;
  }
}

@media (max-width: 767px) {
  .home .vr-home-garden-veg .vr-ajax-grid,
  .home .vr-home-plants .vr-ajax-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .home .vr-home-garden-veg .vr-ajax-card:first-child .vr-ajax-card__media,
  .home .vr-home-plants .vr-ajax-card:first-child .vr-ajax-card__media,
  .home .vr-home-plants .vr-ajax-card:nth-child(2) .vr-ajax-card__media,
  .home .vr-home-plants .vr-ajax-card:nth-child(n/**/+3) .vr-ajax-card__media {
    aspect-ratio: 16 / 10;
    border-radius: 13px;
  }
  .home .vr-home-garden-veg .vr-ajax-card:first-child .vr-ajax-card__title,
  .home .vr-home-plants .vr-ajax-card:nth-child(-n/**/+2) .vr-ajax-card__title {
    font-size: 20px;
  }
  .home .vr-home-garden-veg .vr-ajax-card:not(:first-child) .vr-ajax-card__excerpt,
  .home .vr-home-plants .vr-ajax-card:nth-child(n/**/+3) .vr-ajax-card__excerpt {
    display: block;
  }
  .home .vr-home-garden-veg .vr-ajax-card:first-child .vr-ajax-card__media::before,
  .home .vr-home-plants .vr-ajax-card:first-child .vr-ajax-card__media::before {
    left: 9px;
    top: 9px;
    padding: 5px 8px;
    font-size: 8px;
  }
}


/* =========================================================
 * v1.18.0 — Design Pack 8: rediscovery + category compass
 * ========================================================= */
.home .vr-home-worth-reading { position:relative; overflow:hidden; }
.home .vr-home-worth-reading::before {
  content:""; position:absolute; right:-54px; top:-56px; width:180px; height:180px;
  border:1px solid rgba(79,124,58,.10); border-radius:50%; box-shadow:0 0 0 26px rgba(79,124,58,.025),0 0 0 52px rgba(79,124,58,.018); pointer-events:none;
}
.vr-worth-reading { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; position:relative; z-index:1; }
.vr-worth-card { display:grid; grid-template-columns:minmax(120px,.82fr) minmax(0,1.18fr); gap:17px; padding:12px; background:rgba(255,255,255,.76); border:1px solid rgba(68,93,57,.11); border-radius:18px; transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
.vr-worth-card__media { position:relative; display:block; min-height:172px; overflow:hidden; border-radius:13px; background:#e9eee4; }
.vr-worth-card__media img,.vr-worth-card__media .vr-ajax-card__placeholder { width:100%; height:100%; min-height:172px; object-fit:cover; display:block; transition:transform .35s ease; }
.vr-worth-card__number { position:absolute; left:10px; bottom:8px; font-size:31px; line-height:1; font-weight:900; letter-spacing:-.06em; color:#fff; text-shadow:0 2px 15px rgba(0,0,0,.35); }
.vr-worth-card__body { min-width:0; padding:6px 5px 5px 0; display:flex; flex-direction:column; }
.vr-worth-card__meta { display:flex; align-items:center; flex-wrap:wrap; gap:6px; margin-bottom:8px; color:#71806f; font-size:10px; font-weight:750; text-transform:uppercase; letter-spacing:.045em; }
.vr-worth-card h3 { margin:0 0 8px!important; font-size:17px!important; line-height:1.2!important; letter-spacing:-.018em; }
.vr-worth-card h3 a { color:#233127!important; text-decoration:none!important; }
.vr-worth-card p { margin:0 0 12px; color:#687068; font-size:12px; line-height:1.48; }
.vr-worth-card__link { margin-top:auto; color:#49713b!important; text-decoration:none!important; font-size:11px; font-weight:850; }
.vr-worth-card__link span { display:inline-block; transition:transform .18s ease; }
@media (hover:hover) and (pointer:fine) {
 .vr-worth-card:hover { transform:translateY(-3px); border-color:rgba(79,124,58,.25); box-shadow:0 14px 34px rgba(48,65,42,.08); }
 .vr-worth-card:hover .vr-worth-card__media img { transform:scale(1.025); }
 .vr-worth-card__link:hover span { transform:translateX(4px); }
}

.vr-category-compass { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.vr-category-tile { position:relative; min-width:0; display:grid; grid-template-columns:42px minmax(0,1fr) auto 18px; align-items:center; gap:11px; min-height:88px; padding:13px 14px; color:#263329!important; text-decoration:none!important; background:#fff; border:1px solid #e1e8dd; border-radius:16px; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease; }
.vr-category-tile__mark { display:grid; place-items:center; width:42px; height:42px; border-radius:13px; background:linear-gradient(145deg,#eef5e9,#ddebd6); color:#49713b; font-size:20px; font-weight:900; font-family:Georgia,serif; }
.vr-category-tile__content { min-width:0; display:block; }
.vr-category-tile__content strong { display:block; margin-bottom:4px; font-size:14px; line-height:1.16; color:#27362a; }
.vr-category-tile__content small { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; color:#788078; font-size:10px; line-height:1.35; }
.vr-category-tile__count { color:#65705f; font-size:14px; font-weight:850; text-align:right; white-space:nowrap; }
.vr-category-tile__count small { display:block; margin-top:1px; font-size:8px; font-weight:700; text-transform:uppercase; opacity:.62; }
.vr-category-tile__arrow { color:#638257; font-size:17px; transition:transform .18s ease; }
@media (hover:hover) and (pointer:fine) {
 .vr-category-tile:hover { transform:translateY(-2px); background:#fbfdf9; border-color:#cddcc8; box-shadow:0 10px 24px rgba(54,72,48,.06); }
 .vr-category-tile:hover .vr-category-tile__arrow { transform:translateX(3px); }
}

/* Mobile rhythm: sections feel distinct without adding heavy decoration. */
@media (max-width:991px) {
  .vr-worth-reading { grid-template-columns:repeat(3,minmax(270px,1fr)); overflow-x:auto; padding-bottom:8px; scrollbar-width:none; }
  .vr-worth-reading::-webkit-scrollbar { display:none; }
  .vr-category-compass { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:767px) {
  .home .vr-home-section { margin-bottom:24px!important; }
  .vr-worth-reading { display:flex; gap:12px; margin-left:-16px; margin-right:-16px; padding:2px 16px 12px; scroll-snap-type:x mandatory; }
  .vr-worth-card { flex:0 0 88%; grid-template-columns:118px minmax(0,1fr); gap:13px; scroll-snap-align:start; border-radius:16px; }
  .vr-worth-card__media,.vr-worth-card__media img,.vr-worth-card__media .vr-ajax-card__placeholder { min-height:154px; }
  .vr-worth-card h3 { font-size:16px!important; }
  .vr-worth-card p { display:none; }
  .vr-category-compass { display:flex; overflow-x:auto; gap:10px; margin-left:-16px; margin-right:-16px; padding:2px 16px 12px; scroll-snap-type:x mandatory; scrollbar-width:none; }
  .vr-category-compass::-webkit-scrollbar { display:none; }
  .vr-category-tile { flex:0 0 86%; min-height:82px; scroll-snap-align:start; grid-template-columns:40px minmax(0,1fr) auto 18px; }
}


/* =========================================================
 * v1.19.0 — Design Pack 9: editorial spotlight + visual rhythm
 * ========================================================= */
.home .vr-home-editor-choice {
  position:relative;
  overflow:hidden;
  border-radius:24px;
}
.home .vr-home-editor-choice::before {
  content:"";
  position:absolute;
  width:260px;
  height:260px;
  right:-105px;
  bottom:-130px;
  border:1px solid rgba(67,111,54,.10);
  border-radius:50%;
  box-shadow:0 0 0 34px rgba(67,111,54,.025),0 0 0 68px rgba(67,111,54,.018);
  pointer-events:none;
}
.vr-editor-choice {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);
  gap:26px;
  align-items:stretch;
}
.vr-editor-choice__lead {
  display:grid;
  grid-template-columns:minmax(300px,1.05fr) minmax(0,.95fr);
  min-width:0;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(63,91,52,.12);
  border-radius:20px;
  box-shadow:0 14px 38px rgba(48,67,41,.06);
}
.vr-editor-choice__media {
  position:relative;
  min-height:330px;
  overflow:hidden;
  background:#e8efe3;
}
.vr-editor-choice__media img,
.vr-editor-choice__media .vr-ajax-card__placeholder {
  display:block;
  width:100%;
  height:100%;
  min-height:330px;
  object-fit:cover;
  transition:transform .4s ease;
}
.vr-editor-choice__badge {
  position:absolute;
  left:16px;
  top:16px;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(31,62,35,.92);
  color:#fff;
  font-size:9px;
  line-height:1;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.055em;
  backdrop-filter:blur(5px);
}
.vr-editor-choice__body {
  display:flex;
  min-width:0;
  flex-direction:column;
  justify-content:center;
  padding:28px 28px 26px;
}
.vr-editor-choice__meta {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  margin-bottom:12px;
  color:#788074;
  font-size:10px;
  font-weight:750;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.vr-editor-choice__meta a { color:#517444!important; text-decoration:none!important; }
.vr-editor-choice__body h3 {
  margin:0 0 13px!important;
  font-size:clamp(25px,2.15vw,34px)!important;
  line-height:1.08!important;
  letter-spacing:-.035em;
}
.vr-editor-choice__body h3 a { color:#213027!important; text-decoration:none!important; }
.vr-editor-choice__body p { margin:0 0 19px; color:#667066; font-size:13px; line-height:1.58; }
.vr-editor-choice__read {
  align-self:flex-start;
  margin-top:auto;
  color:#47713b!important;
  text-decoration:none!important;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.035em;
}
.vr-editor-choice__read span { display:inline-block; transition:transform .18s ease; }
.vr-editor-choice__related {
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:20px 20px 16px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(63,91,52,.10);
  border-radius:20px;
}
.vr-editor-choice__related-title {
  margin-bottom:7px;
  color:#657163;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.075em;
}
.vr-editor-choice__mini {
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 18px;
  gap:11px;
  align-items:center;
  min-height:84px;
  border-top:1px solid rgba(70,101,58,.11);
}
.vr-editor-choice__num {
  color:#a5b69d;
  font-family:Georgia,serif;
  font-size:25px;
  font-weight:800;
  line-height:1;
  letter-spacing:-.05em;
}
.vr-editor-choice__mini-cat {
  margin-bottom:4px;
  color:#6b8064;
  font-size:8px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.vr-editor-choice__mini h4 { margin:0!important; font-size:13px!important; line-height:1.28!important; }
.vr-editor-choice__mini h4 a { color:#28342b!important; text-decoration:none!important; }
.vr-editor-choice__mini-arrow { color:#6a8a5d!important; text-decoration:none!important; font-size:16px; transition:transform .18s ease; }
@media (hover:hover) and (pointer:fine) {
  .vr-editor-choice__lead:hover .vr-editor-choice__media img { transform:scale(1.025); }
  .vr-editor-choice__read:hover span { transform:translateX(4px); }
  .vr-editor-choice__mini:hover .vr-editor-choice__mini-arrow { transform:translateX(3px); }
  .vr-editor-choice__mini h4 a:hover { color:#4f7742!important; }
}

/* A subtle botanical divider between major editorial groups. */
.home .vr-home-popular-now::before,
.home .vr-home-worth-reading::after,
.home .vr-home-category-compass::before {
  content:"✦";
  display:block;
  width:64px;
  margin:-12px auto 20px;
  color:rgba(80,119,66,.32);
  font-size:11px;
  text-align:center;
  letter-spacing:8px;
}

/* Semantic micro-badges share one calm visual language. */
.vr-editor-choice__badge,
.home .vr-ajax-card__badge,
.vr-popular-card__badge {
  box-shadow:0 4px 14px rgba(30,54,33,.12);
}

@media (max-width:991px) {
  .vr-editor-choice { grid-template-columns:1fr; gap:16px; }
  .vr-editor-choice__lead { grid-template-columns:1.05fr .95fr; }
  .vr-editor-choice__related { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:14px; }
  .vr-editor-choice__related-title { grid-column:1/-1; margin:0 0 2px; }
  .vr-editor-choice__mini { grid-template-columns:30px minmax(0,1fr); min-height:0; align-items:start; padding:11px 8px 4px; border-top:1px solid rgba(70,101,58,.11); }
  .vr-editor-choice__mini-arrow { display:none; }
}
@media (max-width:767px) {
  .home .vr-home-editor-choice { border-radius:18px; }
  .vr-editor-choice { gap:12px; }
  .vr-editor-choice__lead { display:block; border-radius:16px; }
  .vr-editor-choice__media,
  .vr-editor-choice__media img,
  .vr-editor-choice__media .vr-ajax-card__placeholder { min-height:0; aspect-ratio:16/10; }
  .vr-editor-choice__body { padding:18px 17px 19px; }
  .vr-editor-choice__body h3 { font-size:23px!important; }
  .vr-editor-choice__body p { font-size:12px; line-height:1.52; }
  .vr-editor-choice__related { display:flex; overflow-x:auto; gap:10px; margin-left:-16px; margin-right:-16px; padding:4px 16px 12px; border:0; border-radius:0; background:transparent; scroll-snap-type:x mandatory; scrollbar-width:none; }
  .vr-editor-choice__related::-webkit-scrollbar { display:none; }
  .vr-editor-choice__related-title { display:none; }
  .vr-editor-choice__mini { flex:0 0 82%; min-height:92px; grid-template-columns:34px minmax(0,1fr); padding:14px; background:#fff; border:1px solid #e2e9df; border-radius:14px; scroll-snap-align:start; }
  .vr-editor-choice__num { font-size:24px; }
  .vr-editor-choice__mini h4 { font-size:14px!important; }
}


/* ================================================================
 * v1.20.0 — Design Pack 10: article reading experience
 * ================================================================ */
.vr-reading-meta {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:14px 0 18px;
  padding:10px 0 2px;
}
.vr-reading-meta__item {
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:32px;
  padding:7px 11px;
  border:1px solid rgba(73,112,59,.15);
  border-radius:999px;
  background:#f7faf5;
  color:#566253;
  font-size:11px;
  font-weight:750;
  line-height:1;
  text-decoration:none!important;
}
a.vr-reading-meta__item:hover { background:#edf4e9; color:#315f31!important; }
.vr-reading-meta__item--category {
  background:#eaf2e5;
  color:#3f6f38!important;
}
.vr-reading-meta__icon { opacity:.72; font-size:12px; }

.single-post .entry-content > p:first-child:not(.vr-no-lead) {
  font-size:1.08em;
  line-height:1.72;
  color:#3f4c41;
}
.single-post .entry-content > p:first-child:not(.vr-no-lead)::first-letter {
  color:#3f7038;
}

/* TOC gets a clearer editorial hierarchy. */
.vr-article-toc {
  box-shadow:0 10px 30px rgba(46,72,42,.06);
}
.vr-article-toc__list a {
  position:relative;
  padding-left:14px;
}
.vr-article-toc__list a::before {
  content:"";
  position:absolute;
  left:0;
  top:.68em;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#9ebc91;
}

/* Harmonize single-post component cards without changing their logic. */


@media (max-width:767px) {
  .vr-reading-meta { gap:6px; margin:10px 0 14px; }
  .vr-reading-meta__item { min-height:30px; padding:6px 9px; font-size:10px; }
  .single-post .entry-content > p:first-child:not(.vr-no-lead) { font-size:1.04em; }
}

/* ================================================================
 * v1.21.0 — Design Pack 11: article continuation and related content
 * ================================================================ */

/* Keep anchored H2/H3 visible below a sticky header. */


/* Calm botanical end-of-article marker. */
.vr-article-end-mark {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin:28px 0 8px;
  color:#78936e;
}
.vr-article-end-mark span {
  width:min(96px,22vw);
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(91,124,78,.28));
}
.vr-article-end-mark span:last-child {
  background:linear-gradient(90deg, rgba(91,124,78,.28), transparent);
}
.vr-article-end-mark i {
  font-family:Georgia,serif;
  font-style:normal;
  font-size:18px;
  line-height:1;
  opacity:.75;
}

/* Contextual category CTA between article components and adjacent navigation. */
.vr-continue-category {
  position:relative;
  display:grid;
  grid-template-columns:52px minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  margin:24px 0;
  padding:20px 22px;
  overflow:hidden;
  border:1px solid rgba(66,103,54,.14);
  border-radius:18px;
  background:linear-gradient(135deg,#f3f8ef 0%,#fbfcf9 72%);
  box-shadow:0 10px 30px rgba(40,68,35,.045);
}
.vr-continue-category::after {
  content:"";
  position:absolute;
  right:-42px;
  bottom:-54px;
  width:150px;
  height:150px;
  border:26px solid rgba(93,132,76,.045);
  border-radius:50%;
  pointer-events:none;
}
.vr-continue-category__mark {
  display:flex;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  border-radius:16px;
  background:#315d34;
  color:#fff;
  font-size:22px;
  box-shadow:0 7px 18px rgba(43,86,46,.14);
}
.vr-continue-category__content { min-width:0; }
.vr-continue-category__eyebrow {
  display:block;
  margin-bottom:3px;
  color:#72806f;
  font-size:9px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.vr-continue-category__title {
  display:block;
  margin-bottom:4px;
  color:#26352a;
  font-family:Georgia,serif;
  font-size:22px;
  line-height:1.15;
}
.vr-continue-category__content p {
  max-width:620px;
  margin:0;
  color:#697267;
  font-size:12px;
  line-height:1.5;
}
.vr-continue-category__action {
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:7px;
  min-width:138px;
}
.vr-continue-category__count {
  color:#828b80;
  font-size:10px;
  line-height:1;
}
.vr-continue-category__action a {
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:9px 13px;
  border-radius:999px;
  background:#315d34;
  color:#fff!important;
  font-size:10px;
  line-height:1;
  font-weight:850;
  text-decoration:none!important;
  transition:transform .18s ease, background .18s ease;
}
.vr-continue-category__action a span { transition:transform .18s ease; }
@media (hover:hover) and (pointer:fine) {
  .vr-continue-category__action a:hover { background:#274e2b; transform:translateY(-1px); }
  .vr-continue-category__action a:hover span { transform:translateX(3px); }
}

/* Previous / next article cards: clearer editorial navigation. */









/* Related articles as a cleaner magazine grid. */











.single-post #related-posts .vr-related-placeholder {
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  color:#709065;
  font-size:28px;
}



@media (max-width:767px) {
  

  .vr-article-end-mark { margin:22px 0 5px; gap:9px; }
  .vr-continue-category {
    grid-template-columns:42px minmax(0,1fr);
    gap:12px;
    margin:18px 0;
    padding:15px;
    border-radius:15px;
  }
  .vr-continue-category__mark { width:42px; height:42px; border-radius:13px; font-size:18px; }
  .vr-continue-category__title { font-size:19px; }
  .vr-continue-category__content p { font-size:11px; }
  .vr-continue-category__action {
    grid-column:1/-1;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    width:100%;
    min-width:0;
    padding-top:2px;
  }

  
  

  
  
  
  
  
}

/* v1.25.1 — pagination is controlled by Jannah. Archive sidebars are not
   sticky because Theia Sticky Sidebar can continuously inflate their row. */
body.category .vr-pagination-wrap .pages-nav,
body.tag .vr-pagination-wrap .pages-nav {
  min-height:0!important;
  margin-bottom:28px;
}



/* =========================================================
 * v1.22.0 — Design Pack 12
 * Category accent system, premium cards and wide-screen TOC rail
 * ========================================================= */

/* One visual system, subtle category personality. */

body.vr-accent-cat-sad,
body.vr-accent-cat-ogorod { --vr-accent:#4f7c3a; --vr-accent-deep:#315d34; --vr-accent-soft:#eef5e9; }
body.vr-accent-cat-cvety,
body.vr-accent-cat-tsvety { --vr-accent:#7b8f4c; --vr-accent-deep:#53662d; --vr-accent-soft:#f4f5e8; }
body.vr-accent-cat-zdorove-rasteniy,
body.vr-accent-cat-zdorove-rastenij { --vr-accent:#4d8066; --vr-accent-deep:#315c49; --vr-accent-soft:#eaf4ef; }
body.vr-accent-cat-pochva-i-udobreniya { --vr-accent:#7b6b43; --vr-accent-deep:#574a2e; --vr-accent-soft:#f5f1e6; }
body.vr-accent-cat-uchastok,
body.vr-accent-cat-dom-i-remont,
body.vr-accent-cat-instrumenty-i-tehnika { --vr-accent:#6b7658; --vr-accent-deep:#49523b; --vr-accent-soft:#f0f2ea; }
body.vr-accent-cat-urozhay,
body.vr-accent-cat-recepty { --vr-accent:#8a7448; --vr-accent-deep:#604f30; --vr-accent-soft:#f7f1e5; }
body.vr-accent-cat-zakonodatelstvo { --vr-accent:#60716b; --vr-accent-deep:#3f504a; --vr-accent-soft:#eef2f1; }

/* Archive hero and taxonomy pills inherit the section accent. */
.category .vr-category-hero,
.category .vr-archive-hero {
  border-color: color-mix(in srgb, var(--vr-accent) 18%, #dce5d9);
  background: linear-gradient(145deg,#fff 0%,var(--vr-accent-soft) 100%);
}
.category .vr-category-hero::before,
.category .vr-archive-hero::before { background:var(--vr-accent); }
.category .vr-category-children a,
.category .vr-archive-children a { border-color:color-mix(in srgb,var(--vr-accent) 20%,#dce4d9); }
.category .vr-category-children a:hover,
.category .vr-archive-children a:hover {
  border-color:var(--vr-accent);
  color:var(--vr-accent-deep)!important;
  background:var(--vr-accent-soft);
}

/* Magazine polish for archive/listing cards, without changing layout/query. */






/* A more crafted visual rhythm for headings in long articles. */



.single-post .vr-reading-meta__item--category { background:var(--vr-accent-soft); color:var(--vr-accent-deep)!important; }
.single-post .vr-reading-meta__item--category .vr-reading-meta__icon { color:var(--vr-accent); }

/* v1.26.19: floating outer-gutter TOC removed; inline TOC is layout-safe. */

/* Small premium interactions and better focus visibility. */
.vr-ajax-tab,
.vr-season-topic,
.vr-section-footer-link,
.vr-editor-choice__read,
.vr-continue-category__action a {
  outline-offset:3px;
}
.vr-ajax-tab:focus-visible,
.vr-season-topic:focus-visible,
.vr-section-footer-link:focus-visible,
.vr-editor-choice__read:focus-visible,
.vr-continue-category__action a:focus-visible {
  outline:2px solid var(--vr-accent);
}

/* Mobile: keep hierarchy strong without oversized whitespace. */
@media (max-width:767px) {
  
  
  
  
  .vr-section-footer-link { min-height:38px; display:inline-flex; align-items:center; }
}

@media (prefers-reduced-motion: reduce) {
  .archive .post-item,
  .search .post-item,
  .blog .post-item,
  .archive .post-item .post-thumb img,
  .search .post-item .post-thumb img,
  .blog .post-item .post-thumb img,
  .vr-floating-toc { transition:none!important; }
}


/* v1.22.7 — Latin TOC anchors. No visual CSS changes. */


/* --------------------------------------------------------------------------
 * v1.26.16 — Native sticky sidebar + Auto Load column bridge.
 * The parent Auto Load wrapper is moved inside the original .main-content
 * column. Jannah keeps full control of the sidebar/Theia behavior.
 * -------------------------------------------------------------------------- */
@media (min-width: 992px) {
  /* Follow-up iframe lives inside the same article column as the first post. */
  .is-ajax-parent-post #tie-infinte-posts-iframes-wrapper,
  .is-ajax-parent-post #tie-infinte-posts-iframes,
  .is-ajax-parent-post .tie-infinte-post-iframe {
    width: 100% !important;
    max-width: 100% !important;
    /* The Auto Load wrapper now lives inside the left article column. `both`
       also clears the floated right sidebar and creates a feedback loop with
       Theia's growing min-height, which sends the iframe chain/footer down. */
    clear: none !important;
  }

  /* An iframe already IS the article column. Hide its duplicate sidebar and
     let the child article use the whole iframe width. */
  body.is-ajax-loaded-post .main-content-row > .sidebar,
  body.is-ajax-loaded-post .main-content-row .sidebar {
    display: none !important;
  }

  body.is-ajax-loaded-post .main-content-row > .main-content,
  body.is-ajax-loaded-post .main-content-row .main-content {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
  }
}

/* --------------------------------------------------------------------------
 * v1.26.8 — Sidebar tabs alignment + honor Autoload mobile-sidebar setting.
 * Scope is intentionally narrow so Jannah keeps control of all other widgets.
 * -------------------------------------------------------------------------- */

/* The tabs widget can render a wide thumbnail while Jannah's generic
   .post-widget-body still reserves 125px for a small floated thumbnail.
   Reset that offset only inside the sidebar tabs widget. */
.sidebar .tabs-container-wrapper .tab-content .widget-post-list .post-widget-thumbnail {
  float: none !important;
  width: 100% !important;
  margin: 0 0 8px !important;
}

.sidebar .tabs-container-wrapper .tab-content .widget-post-list .post-widget-thumbnail a,
.sidebar .tabs-container-wrapper .tab-content .widget-post-list .post-widget-thumbnail img {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: auto;
}

.sidebar .tabs-container-wrapper .tab-content .widget-post-list .post-widget-body {
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100%;
}

.sidebar .tabs-container-wrapper .tab-content .widget-post-list .post-title,
.sidebar .tabs-container-wrapper .tab-content .widget-post-list .post-meta {
  display: block;
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: left;
}

/* Jannah Autoload Posts exposes "Disable Sidebar on mobile", but the bundled
   plugin build does not suppress the original/parent post sidebar. The body
   class below is added only when that exact option is enabled. */
@media (max-width: 991px) {
  body.vr-autoload-mobile-sidebar-off.single-post #content .main-content-row > .sidebar,
  body.vr-autoload-mobile-sidebar-off.single-post #content .main-content-row .sidebar.normal-side {
    display: none !important;
  }

  body.vr-autoload-mobile-sidebar-off.single-post #content .main-content-row > .main-content {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
  }
}