/* =================================================================
   АгроГрадина — оформление на продуктови описания  (.ag-opis)

   Посоката е самото пакетче семена: кондензиран шрифт като на
   етикетите, тъмно смърчово зелено за заглавията, тухлено червено
   за връзките, цветна лента за всяка култура.
   Съдържанието е рафт с пакетчета: натискаш сорт, отваря се.

   В тази тема html = 10px, значи 1rem = 10px.
   Шрифтовете вече се зареждат от темата — нула нови заявки.
   Контраст: заглавия 12,5:1 · връзки 7,45:1 · тих текст 6,0:1 ·
   бяло върху лентите 7,45 / 4,93 / 6,47 / 6,3 : 1
   Създадено 05.11.2026
   ================================================================= */

#tab-description .ag-opis{
  --ink:#17241d; --smruch:#0e3b2b; --tih:#5a665c; --ramka:#d8ded0;
  --tuhla:#9e2b20; --ohra:#a0631a;
  font-family:Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:1.7rem;line-height:1.75;color:var(--ink);max-width:82rem}
#tab-description .ag-opis > *:first-child{margin-top:0}
#tab-description .ag-opis p{margin:0 0 1.4rem}
#tab-description .ag-opis a{color:var(--tuhla);text-decoration:underline;
  text-underline-offset:.25rem}
#tab-description .ag-opis a:hover{color:#7a1f17}
#tab-description .ag-opis a:focus-visible{outline:2px solid var(--smruch);outline-offset:3px}

#tab-description .ag-opis h2{font-family:"Roboto Condensed",Roboto,Arial,sans-serif;
  font-size:2.6rem;font-weight:700;line-height:1.2;letter-spacing:-.01em;
  color:var(--smruch);margin:4rem 0 1.6rem;padding-bottom:.8rem;
  border-bottom:2px solid var(--smruch)}

#tab-description .ag-opis .ag-uvod{font-size:1.9rem;line-height:1.6}
#tab-description .ag-opis .ag-vodach{font-size:1.5rem;color:var(--tih);margin:-.6rem 0 1.6rem}
#tab-description .ag-opis .ag-note{font-size:1.4rem;line-height:1.6;color:var(--tih)}
#tab-description .ag-opis .ag-opak{font-size:1.6rem;color:var(--smruch);
  margin:1.8rem 0 0;padding-left:1.4rem;border-left:3px solid var(--ohra)}

/* --- какво има вътре, с числа --- */
#tab-description .ag-opis .ag-tally{display:grid;grid-template-columns:repeat(4,1fr);
  gap:1.6rem;list-style:none;margin:2.4rem 0 0;padding:0}
#tab-description .ag-opis .ag-tally li{margin:0;padding:1rem 0 0;border-top:4px solid var(--ramka)}
#tab-description .ag-opis .ag-tally li::before{content:none}
#tab-description .ag-opis .ag-tally b{display:block;
  font-family:"Roboto Condensed",Roboto,Arial,sans-serif;
  font-size:3.4rem;font-weight:700;line-height:1;color:var(--smruch)}
#tab-description .ag-opis .ag-tally span{display:block;margin-top:.3rem;
  font-size:1.4rem;line-height:1.3;color:var(--tih)}
#tab-description .ag-opis .ag-tally .ag-domati{border-top-color:#9e2b20}
#tab-description .ag-opis .ag-tally .ag-piper{border-top-color:#a0631a}
#tab-description .ag-opis .ag-tally .ag-krastavici{border-top-color:#2f6b3a}
#tab-description .ag-opis .ag-tally .ag-zele{border-top-color:#2a6a66}
#tab-description .ag-opis .ag-tally .ag-domati b{color:#9e2b20}
#tab-description .ag-opis .ag-tally .ag-piper b{color:#a0631a}
#tab-description .ag-opis .ag-tally .ag-krastavici b{color:#2f6b3a}
#tab-description .ag-opis .ag-tally .ag-zele b{color:#2a6a66}

/* --- рафтът с пакетчетата --- */
#tab-description .ag-opis .ag-grupa{margin:0 0 1.8rem;border:1px solid var(--ramka);
  border-radius:.4rem;overflow:hidden;background:#fff}
#tab-description .ag-opis .ag-lenta{display:flex;align-items:baseline;
  justify-content:space-between;gap:1.2rem;margin:0;padding:.9rem 1.4rem;color:#fff}
#tab-description .ag-opis .ag-kultura{font-family:"Roboto Condensed",Roboto,Arial,sans-serif;
  font-size:2rem;font-weight:700;line-height:1.2}
#tab-description .ag-opis .ag-broi{font-size:1.4rem;opacity:.92}
#tab-description .ag-opis .ag-domati .ag-lenta{background:#9e2b20}
#tab-description .ag-opis .ag-piper .ag-lenta{background:#a0631a}
#tab-description .ag-opis .ag-krastavici .ag-lenta{background:#2f6b3a}
#tab-description .ag-opis .ag-zele .ag-lenta{background:#2a6a66}

#tab-description .ag-opis .ag-sort{border-top:1px solid #eceee8}
#tab-description .ag-opis .ag-grupa .ag-sort:first-of-type{border-top:0}
#tab-description .ag-opis .ag-sort > summary{display:grid;
  grid-template-columns:1fr auto;gap:0 1.2rem;
  padding:1.1rem 5.2rem 1.1rem 1.4rem;position:relative;cursor:pointer;list-style:none}
#tab-description .ag-opis .ag-sort > summary::-webkit-details-marker{display:none}
#tab-description .ag-opis .ag-sort > summary:hover{background:#f6f8f3}
#tab-description .ag-opis .ag-sort > summary:focus-visible{outline:2px solid var(--smruch);
  outline-offset:-2px}
#tab-description .ag-opis .ag-ime{font-family:"Roboto Condensed",Roboto,Arial,sans-serif;
  font-size:1.9rem;font-weight:700;line-height:1.25;color:var(--ink)}
#tab-description .ag-opis .ag-teglo{font-size:1.5rem;line-height:1.5;color:var(--tih);
  white-space:nowrap}
#tab-description .ag-opis .ag-kratko{grid-column:1/-1;font-size:1.5rem;line-height:1.45;
  color:var(--tih)}
/* стрелката е кръгло бутонче — подсказва, че редът се натиска */
#tab-description .ag-opis .ag-sort > summary::after{content:"\f107";font-family:FontAwesome;
  position:absolute;right:1.2rem;top:1.1rem;width:2.8rem;height:2.8rem;
  border:1px solid var(--ramka);border-radius:50%;background:#fff;
  color:var(--tih);font-size:1.6rem;line-height:2.6rem;text-align:center;
  transition:transform .15s ease,background-color .15s ease,border-color .15s ease,color .15s ease}
#tab-description .ag-opis .ag-sort[open] > summary::after{transform:rotate(180deg)}
#tab-description .ag-opis .ag-sort[open] > summary{background:#f6f8f3}

/* затворено: бутончето е в цвета на културата, бледо; отворено: плътно */
#tab-description .ag-opis .ag-domati .ag-sort > summary::after{border-color:#e4c9c6;color:#9e2b20}
#tab-description .ag-opis .ag-piper .ag-sort > summary::after{border-color:#e6d5bd;color:#a0631a}
#tab-description .ag-opis .ag-krastavici .ag-sort > summary::after{border-color:#cbddce;color:#2f6b3a}
#tab-description .ag-opis .ag-zele .ag-sort > summary::after{border-color:#c8dcdb;color:#2a6a66}
#tab-description .ag-opis .ag-domati .ag-sort > summary:hover::after{background:#9e2b20;
  border-color:#9e2b20;color:#fff}
#tab-description .ag-opis .ag-piper .ag-sort > summary:hover::after{background:#a0631a;
  border-color:#a0631a;color:#fff}
#tab-description .ag-opis .ag-krastavici .ag-sort > summary:hover::after{background:#2f6b3a;
  border-color:#2f6b3a;color:#fff}
#tab-description .ag-opis .ag-zele .ag-sort > summary:hover::after{background:#2a6a66;
  border-color:#2a6a66;color:#fff}
#tab-description .ag-opis .ag-domati .ag-sort[open] > summary::after{background:#9e2b20;
  border-color:#9e2b20;color:#fff}
#tab-description .ag-opis .ag-piper .ag-sort[open] > summary::after{background:#a0631a;
  border-color:#a0631a;color:#fff}
#tab-description .ag-opis .ag-krastavici .ag-sort[open] > summary::after{background:#2f6b3a;
  border-color:#2f6b3a;color:#fff}
#tab-description .ag-opis .ag-zele .ag-sort[open] > summary::after{background:#2a6a66;
  border-color:#2a6a66;color:#fff}

#tab-description .ag-opis .ag-podrobno{padding:.2rem 1.4rem 1.4rem;background:#f6f8f3}
#tab-description .ag-opis .ag-podrobno dl{display:grid;grid-template-columns:9.6rem 1fr;
  column-gap:1.4rem;row-gap:.6rem;margin:0 0 1rem}
#tab-description .ag-opis .ag-podrobno dt{font-family:"Roboto Condensed",Roboto,Arial,sans-serif;
  font-size:1.6rem;font-weight:700;line-height:1.5;color:var(--tih)}
#tab-description .ag-opis .ag-podrobno dd{margin:0;font-size:1.6rem;line-height:1.55}
#tab-description .ag-opis .ag-kam{margin:0;font-size:1.5rem}

/* --- кога се сее --- */
#tab-description .ag-opis .ag-kal{display:grid;grid-template-columns:12rem 1fr;
  column-gap:1.6rem;margin:0 0 1.2rem}
#tab-description .ag-opis .ag-kal dt{font-family:"Roboto Condensed",Roboto,Arial,sans-serif;
  font-size:1.8rem;font-weight:700;line-height:1.55;color:var(--smruch);
  padding:.9rem 0;border-top:1px solid var(--ramka)}
#tab-description .ag-opis .ag-kal dd{margin:0;font-size:1.6rem;line-height:1.55;
  padding:.9rem 0;border-top:1px solid var(--ramka)}
#tab-description .ag-opis .ag-kal dt:first-of-type,
#tab-description .ag-opis .ag-kal dd:first-of-type{border-top:0;padding-top:0}

/* --- полезно --- */
#tab-description .ag-opis .ag-polezno{list-style:none;margin:0 0 1.4rem;padding:0}
#tab-description .ag-opis .ag-polezno li{position:relative;margin:0 0 1rem;padding-left:2rem;
  line-height:1.65}
#tab-description .ag-opis .ag-polezno li::before{content:"";position:absolute;left:0;top:.75em;
  width:.8rem;height:.8rem;background:var(--ohra)}

/* --- ще ви трябват още --- */
#tab-description .ag-opis .ag-vrazki{list-style:none;margin:0;padding:0}
#tab-description .ag-opis .ag-vrazki li{margin:0;padding:1.1rem 0;
  border-top:1px solid var(--ramka)}
#tab-description .ag-opis .ag-vrazki li:first-child{border-top:0;padding-top:0}
#tab-description .ag-opis .ag-vrazki li::before{content:none}
#tab-description .ag-opis .ag-vrazki a{font-family:"Roboto Condensed",Roboto,Arial,sans-serif;
  font-size:1.8rem;font-weight:700;line-height:1.3}
#tab-description .ag-opis .ag-vrazki span{display:block;margin-top:.2rem;font-size:1.5rem;
  line-height:1.45;color:var(--tih)}

/* --- въпроси --- */
#tab-description .ag-opis .ag-faq details{border-top:1px solid var(--ramka)}
#tab-description .ag-opis .ag-faq details:first-child{border-top:0}
#tab-description .ag-opis .ag-faq summary{position:relative;
  padding:1.2rem 4.6rem 1.2rem 0;cursor:pointer;list-style:none;
  font-family:"Roboto Condensed",Roboto,Arial,sans-serif;
  font-size:1.8rem;font-weight:700;line-height:1.35;color:var(--smruch)}
#tab-description .ag-opis .ag-faq summary::-webkit-details-marker{display:none}
#tab-description .ag-opis .ag-faq summary::after{content:"\f107";font-family:FontAwesome;
  position:absolute;right:.2rem;top:1.1rem;width:2.8rem;height:2.8rem;
  border:1px solid #c6d3c6;border-radius:50%;background:#fff;
  color:var(--smruch);font-size:1.6rem;line-height:2.6rem;text-align:center;
  transition:transform .15s ease,background-color .15s ease,border-color .15s ease,color .15s ease}
#tab-description .ag-opis .ag-faq summary:hover::after{background:var(--smruch);
  border-color:var(--smruch);color:#fff}
#tab-description .ag-opis .ag-faq details[open] summary::after{transform:rotate(180deg);
  background:var(--smruch);border-color:var(--smruch);color:#fff}
#tab-description .ag-opis .ag-faq summary:focus-visible{outline:2px solid var(--smruch);
  outline-offset:2px}
#tab-description .ag-opis .ag-faq p{margin:0;padding:0 0 1.4rem}

/* --- телефон --- */
@media (max-width:480px){
  #tab-description .ag-opis{font-size:1.6rem}
  #tab-description .ag-opis h2{font-size:2.2rem;margin:3.2rem 0 1.2rem}
  #tab-description .ag-opis .ag-uvod{font-size:1.75rem}
  #tab-description .ag-opis .ag-tally{gap:1rem}
  #tab-description .ag-opis .ag-tally b{font-size:2.8rem}
  #tab-description .ag-opis .ag-tally span{font-size:1.25rem}
  #tab-description .ag-opis .ag-podrobno dl{grid-template-columns:1fr;row-gap:.2rem}
  #tab-description .ag-opis .ag-podrobno dd{margin:0 0 .8rem}
  #tab-description .ag-opis .ag-kal{grid-template-columns:1fr;column-gap:0}
  #tab-description .ag-opis .ag-kal dt{padding:.9rem 0 0}
  #tab-description .ag-opis .ag-kal dd{padding:0 0 .9rem;border-top:0}
  #tab-description .ag-opis .ag-kal dt:first-of-type{padding-top:0}
}

@media (prefers-reduced-motion:reduce){
  #tab-description .ag-opis *{transition:none}
}

/* =================================================================
   Етикетите на продукта да слизат ПОД блока „За добър разсад
   препоръчваме". В шаблона те стоят по-нагоре в същата колона;
   тук само ги пренареждаме визуално, без промяна по темата.
   Правилото важи единствено за колоната, в която блокът го има.
   ================================================================= */
.col-sm-12:has(> div > [class*="container-module-productany"]){
  display:flex;flex-direction:column}
.col-sm-12:has(> div > [class*="container-module-productany"]) > p{order:1}