/* =========================================================
   SEOPRAKTICKY / DROGERKA24.CZ
   UI kit pro popisky kategorii, clanky a stranky na Shoptetu
   Prefix trid: seop-dg-

   Barvy:
     #D82951  hlavni cervena
     #001435  tmave modra, nadpisy a hover
     #FBE9ED  svetle ruzova plocha
     #F3C7D2  ruzovy ramecek
     #F1C9D4  jemna ruzova linka
     #F6F6F6  seda plocha
     #1D1D1D  zakladni text
     #4a4f5a  doplnkovy text

   Zasady:
     radius 10px u ploch a rozcestnikovych odkazu,
     8px u tlacitek, 999px u stitku uvnitr komponent
     ramecky vzdy 1px, zadne stiny
     pisma se vzdy dedi ze sablony (font-family: inherit)

   Obsah:
     1. Info boxy, vyrazny tip .............. seop-dg-tip
     2. Info boxy, poznamka a dulezite ...... seop-dg-cue
     3. Trust box ........................... seop-dg-trust
     4. Pruvodce vyberem .................... seop-dg-guide
     5. FAQ ................................. seop-dg-faq
     6. Mini buttony, rozcestnik ............ seop-dg-btns
   ========================================================= */


/* =========================================================
   1. INFO BOXY, VYRAZNY TIP
   ========================================================= */

.seop-dg-tip {
  display: flex;
  gap: 14px;
  align-items: center;
  background: #FBE9ED;
  border: 1px solid #F3C7D2;
  border-radius: 10px;
  padding: 16px 18px;
  max-width: 100%;
  margin: 18px 0;
  box-sizing: border-box;
}

.seop-dg-tip__icon {
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  margin-top: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23D82951' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 L23 15 L32 18 L23 21 L20 30 L17 21 L8 18 L17 15 Z'/%3E%3Cpath d='M34 26 L35.6 30.4 L40 32 L35.6 33.6 L34 38 L32.4 33.6 L28 32 L32.4 30.4 Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.seop-dg-tip__text {
  margin: 0 !important;
  padding: 0 !important;
  font-family: inherit;
  font-size: inherit;
  line-height: 1.55;
  color: #1D1D1D;
}

.seop-dg-tip__text strong {
  display: inline;
  font-weight: 700;
  color: #D82951;
  font-size: inherit;
  line-height: inherit;
}

.seop-dg-tip a {
  color: #D82951;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.seop-dg-tip a:hover {
  color: #001435;
}

/* Pojistka proti odsazeni odstavcu ze sablony */
.seop-dg-tip .seop-dg-tip__text,
.article-detail .seop-dg-tip .seop-dg-tip__text,
.category-perex .seop-dg-tip .seop-dg-tip__text,
.content-inner .seop-dg-tip .seop-dg-tip__text,
.p-detail-inner .seop-dg-tip .seop-dg-tip__text {
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 480px) {
  .seop-dg-tip {
    padding: 13px 15px;
    gap: 11px;
    border-radius: 8px;
  }
  .seop-dg-tip__icon {
    width: 29px;
    height: 29px;
  }
}


/* =========================================================
   2. INFO BOXY, POZNAMKA A DULEZITE
   Varianta --imp je plna cervena, jen na kratka varovani
   do dvou radku. Delsi text patri do --note.
   ========================================================= */

.seop-dg-cue {
  display: flex;
  gap: 13px;
  align-items: center;
  border-radius: 10px;
  padding: 15px 17px;
  max-width: 100%;
  margin: 16px 0;
  box-sizing: border-box;
}

.seop-dg-cue__icon {
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  margin-top: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.seop-dg-cue__text {
  margin: 0 !important;
  padding: 0 !important;
  font-family: inherit;
  font-size: inherit;
  line-height: 1.55;
  color: #1D1D1D;
}

.seop-dg-cue__text strong {
  display: inline;
  font-weight: 700;
  font-size: inherit;
  line-height: inherit;
}

.seop-dg-cue a {
  color: #D82951;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.seop-dg-cue a:hover {
  color: #001435;
}

/* Poznamka, sedy box */
.seop-dg-cue--note {
  background: #F6F6F6;
}

.seop-dg-cue--note .seop-dg-cue__icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none'%3E%3Ccircle cx='24' cy='24' r='21' fill='%23ffffff' stroke='%23001435' stroke-width='2.4'/%3E%3Crect x='21.3' y='20.5' width='5.4' height='13.5' rx='2.7' fill='%23001435'/%3E%3Ccircle cx='24' cy='15' r='3.2' fill='%23001435'/%3E%3Ccircle cx='22.8' cy='13.9' r='1' fill='%23ffffff'/%3E%3C/svg%3E");
}

.seop-dg-cue--note .seop-dg-cue__text strong {
  color: #001435;
}

/* Dulezite, plna cervena, bily text */
.seop-dg-cue--imp {
  background: #D82951;
}

.seop-dg-cue--imp .seop-dg-cue__icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none'%3E%3Ccircle cx='24' cy='24' r='21' fill='%23ffffff'/%3E%3Crect x='21.3' y='13.5' width='5.4' height='16' rx='2.7' fill='%23D82951'/%3E%3Ccircle cx='24' cy='34.2' r='2.9' fill='%23D82951'/%3E%3Ccircle cx='22.9' cy='33.2' r='0.9' fill='%23ffffff'/%3E%3C/svg%3E");
}

.seop-dg-cue--imp .seop-dg-cue__text,
.seop-dg-cue--imp .seop-dg-cue__text strong {
  color: #ffffff;
}

.seop-dg-cue--imp a {
  color: #ffffff;
}

.seop-dg-cue--imp a:hover {
  color: #FBE9ED;
}

/* Pojistka proti odsazeni odstavcu ze sablony */
.seop-dg-cue .seop-dg-cue__text,
.article-detail .seop-dg-cue .seop-dg-cue__text,
.category-perex .seop-dg-cue .seop-dg-cue__text,
.content-inner .seop-dg-cue .seop-dg-cue__text,
.p-detail-inner .seop-dg-cue .seop-dg-cue__text {
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 480px) {
  .seop-dg-cue {
    padding: 13px 14px;
    gap: 10px;
    border-radius: 8px;
  }
  .seop-dg-cue__icon {
    width: 26px;
    height: 26px;
  }
}


/* =========================================================
   3. TRUST BOX
   Eyebrow s linkou, nadpis pres celou sirku, kratka cervena
   linka, vlevo perex, vpravo jednoradkova USP.
   Fajfky pod perexem jsou volitelne, viz poznamka u
   .seop-dg-trust__checks.
   Dva sloupce se zapnou podle sirky samotneho bloku
   (container query, zlom 560px), ne podle sirky okna, takze
   to funguje i v uzsim obsahovem sloupci kategorie.
   V HTML je blok s textem pred blokem USP, coz odpovida
   poradi v uzkem i v sirokem bloku.
   Pozor: uvnitr .seop-dg-trust musi byt obal
   .seop-dg-trust__grid.
   ========================================================= */

.seop-dg-trust {
  box-sizing: border-box;
  container-type: inline-size;
  container-name: seopdgtrust;
  margin: 2.5em 0 1em;
  padding: 28px 30px;
  border-radius: 10px;
  background: #FBE9ED;
  color: #1D1D1D;
  font-family: inherit;
}

.seop-dg-trust * {
  box-sizing: border-box;
}

/* Vychozi stav, jeden sloupec */
.seop-dg-trust__grid {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 30px;
  row-gap: 0;
}

/* Dva sloupce, jakmile ma blok dost mista, bez ohledu na sirku okna */
@container seopdgtrust (min-width: 560px) {
  .seop-dg-trust__grid {
    grid-template-columns: 1.05fr 1fr;
  }
  .seop-dg-trust__head {
    grid-column: 1 / -1;
    grid-row: 1;
  }
  .seop-dg-trust__titlewrap {
    grid-column: 1 / -1;
    grid-row: 2;
  }
  .seop-dg-trust__text {
    grid-column: 1;
    grid-row: 3;
  }
  .seop-dg-trust__usp {
    grid-column: 2;
    grid-row: 3;
    margin-top: 0;
  }
  .seop-dg-trust .seop-dg-trust__title {
    white-space: nowrap;
  }
}

/* Hlavicka s eyebrow a linkou */
.seop-dg-trust__head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 12px;
}

.seop-dg-trust .seop-dg-trust__eyebrow {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: 1.3px;
  line-height: 1.3 !important;
  color: #D82951 !important;
  text-transform: uppercase;
  white-space: nowrap;
}

.seop-dg-trust__head::after {
  content: "";
  flex: 1 1 auto;
  height: 1px;
  background: #F1C9D4;
}

/* Nadpis pres celou sirku, bez zalomeni az v sirsim bloku */
.seop-dg-trust__titlewrap {
  grid-column: 1 / -1;
}

.seop-dg-trust .seop-dg-trust__title {
  display: block;
  margin: 0 0 10px !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: #001435 !important;
  text-transform: none !important;
  white-space: normal;
}

.seop-dg-trust__titlewrap::after {
  content: "";
  display: block;
  width: 48px;
  height: 3px;
  margin: 0 0 20px;
  background: #D82951;
}

/* Perex a fajfky, v sirsim bloku vlevo */
.seop-dg-trust__text {
  min-width: 0;
}

.seop-dg-trust .seop-dg-trust__perex {
  margin: 0 0 14px !important;
  padding: 0 !important;
  font-size: 14.5px;
  line-height: 1.65;
  color: #4a4f5a;
}

/* Volitelne fajfky pod perexem.
   Ve vychozi podobe se nepouzivaji, protoze by opakovaly to
   same co USP vpravo. Maji smysl jen tehdy, kdyz vlevo nesou
   jiny typ informace, treba podminky velkoobchodniho odberu. */
.seop-dg-trust .seop-dg-trust__checks {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
}

.seop-dg-trust .seop-dg-trust__checks li {
  position: relative;
  margin: 0 0 9px !important;
  padding: 0 0 0 24px !important;
  background: none !important;
  font-size: 14px;
  line-height: 1.5;
  color: #1D1D1D;
}

.seop-dg-trust .seop-dg-trust__checks li:last-child {
  margin-bottom: 0 !important;
}

.seop-dg-trust .seop-dg-trust__checks li::marker {
  content: none;
}

.seop-dg-trust .seop-dg-trust__checks li::before {
  content: "\2714";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  color: #D82951;
}

/* USP, v sirsim bloku vpravo */
.seop-dg-trust__usp {
  min-width: 0;
  margin-top: 20px;
  align-self: start;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.seop-dg-trust__item {
  display: flex;
  align-items: center;
  gap: 12px;
}

.seop-dg-trust__icon {
  flex: 0 0 auto;
  display: block;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 19px 19px;
}

.seop-dg-trust .seop-dg-trust__label {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  color: #001435;
}

/* Text a odkazy */
.seop-dg-trust strong {
  display: inline;
  font-weight: 700;
  font-size: inherit;
  line-height: inherit;
}

.seop-dg-trust a {
  color: #D82951 !important;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.seop-dg-trust a:hover {
  color: #001435 !important;
}

/* Ikonova sada, staci prohodit modifikator */
.seop-dg-trust__icon--percent {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23D82951' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><line x1='33' y1='15' x2='15' y2='33'/><circle cx='19' cy='19' r='3'/><circle cx='29' cy='29' r='3'/></svg>");
}

.seop-dg-trust__icon--clock {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23D82951' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><circle cx='24' cy='24' r='14'/><polyline points='24,16 24,24 30,27'/></svg>");
}

.seop-dg-trust__icon--shield {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23D82951' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='M24 9 L38 14 v10 c0 9 -6 14 -14 16 -8 -2 -14 -7 -14 -16 V14 Z'/><polyline points='18,24 22,28 30,19'/></svg>");
}

.seop-dg-trust__icon--star {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23D82951' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><polygon points='24,9 28,19 39,20 31,27 33,38 24,32 15,38 17,27 9,20 20,19'/></svg>");
}

.seop-dg-trust__icon--truck {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23D82951' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><rect x='7' y='17' width='21' height='14' rx='1.5'/><path d='M28 21 h7 l5 5 v5 h-12 Z'/><circle cx='15' cy='33' r='3'/><circle cx='34' cy='33' r='3'/></svg>");
}

.seop-dg-trust__icon--grid {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23D82951' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><rect x='10' y='10' width='12' height='12' rx='1.5'/><rect x='26' y='10' width='12' height='12' rx='1.5'/><rect x='10' y='26' width='12' height='12' rx='1.5'/><rect x='26' y='26' width='12' height='12' rx='1.5'/></svg>");
}

.seop-dg-trust__icon--chat {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23D82951' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='M12 14 h24 a3 3 0 0 1 3 3 v10 a3 3 0 0 1 -3 3 H23 l-6 5 v-5 h-5 a3 3 0 0 1 -3 -3 V17 a3 3 0 0 1 3 -3 Z'/></svg>");
}

.seop-dg-trust__icon--box {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23D82951' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='M24 9 L38 16 L24 23 L10 16 Z M10 16 L10 31 L24 38 L24 23 Z M38 16 L38 31 L24 38 L24 23 Z'/></svg>");
}

.seop-dg-trust__icon--drop {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23D82951' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='M24 8 C24 8 34 20 34 27 A10 10 0 0 1 14 27 C14 20 24 8 24 8 Z'/></svg>");
}

.seop-dg-trust__icon--heart {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23D82951' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='M24 36 C12 28 8 23 8 17.5 A6.5 6.5 0 0 1 24 14 A6.5 6.5 0 0 1 40 17.5 C40 23 36 28 24 36 Z'/></svg>");
}

.seop-dg-trust__icon--gift {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23D82951' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><rect x='10' y='21' width='28' height='16' rx='1.5'/><line x1='10' y1='27' x2='38' y2='27'/><line x1='24' y1='21' x2='24' y2='37'/><path d='M24 21 C24 16 18 14 17 18 C16 21 20 21 24 21 Z'/><path d='M24 21 C24 16 30 14 31 18 C32 21 28 21 24 21 Z'/></svg>");
}

/* Pojistka proti odsazeni odstavcu ze sablony */
.seop-dg-trust .seop-dg-trust__eyebrow,
.seop-dg-trust .seop-dg-trust__perex,
.article-detail .seop-dg-trust .seop-dg-trust__eyebrow,
.article-detail .seop-dg-trust .seop-dg-trust__perex,
.category-perex .seop-dg-trust .seop-dg-trust__eyebrow,
.category-perex .seop-dg-trust .seop-dg-trust__perex,
.content-inner .seop-dg-trust .seop-dg-trust__eyebrow,
.content-inner .seop-dg-trust .seop-dg-trust__perex,
.p-detail-inner .seop-dg-trust .seop-dg-trust__eyebrow,
.p-detail-inner .seop-dg-trust .seop-dg-trust__perex {
  padding: 0 !important;
}

/* Uzsi blok, mensi padding a zalomeni eyebrow */
@container seopdgtrust (max-width: 559px) {
  .seop-dg-trust__titlewrap::after {
    margin-bottom: 16px;
  }
  .seop-dg-trust .seop-dg-trust__eyebrow {
    white-space: normal;
  }
}

@media (max-width: 768px) {
  .seop-dg-trust {
    padding: 24px 22px;
  }
  .seop-dg-trust .seop-dg-trust__title {
    font-size: 20px !important;
  }
}

@media (max-width: 480px) {
  .seop-dg-trust {
    padding: 22px 18px;
    border-radius: 8px;
  }
  .seop-dg-trust .seop-dg-trust__title {
    font-size: 19px !important;
  }
  .seop-dg-trust__icon {
    width: 32px;
    height: 32px;
    background-size: 18px 18px;
  }
}


/* =========================================================
   4. PRUVODCE VYBEREM, bez JavaScriptu
   Viditelny je nadpis, perex, rychly prehled a tlacitko.
   Kroky jsou sbalene, rozbaluje je skryty checkbox.
   Pozor: id checkboxu musi byt na strance unikatni.
   ========================================================= */

.seop-dg-guide,
.article-detail .seop-dg-guide,
.category-perex .seop-dg-guide,
.content-inner .seop-dg-guide,
.p-detail-inner .seop-dg-guide {
  display: block;
  width: 100%;
  margin: 24px 0;
  padding: 0;
  box-sizing: border-box;
  color: #1D1D1D;
  font-family: inherit;
  font-size: inherit;
  line-height: 1.6;
}

.seop-dg-guide * {
  box-sizing: border-box;
  font-family: inherit;
}

/* Obal */
.seop-dg-guide__intro,
.article-detail .seop-dg-guide__intro,
.category-perex .seop-dg-guide__intro,
.content-inner .seop-dg-guide__intro,
.p-detail-inner .seop-dg-guide__intro {
  display: block;
  margin: 0;
  padding: 24px;
  background: #FFFFFF;
  border: 1px solid #F3C7D2;
  border-radius: 10px;
}

/* Nadpis s kratkou cervenou linkou */
.seop-dg-guide .seop-dg-guide__title,
.article-detail .seop-dg-guide .seop-dg-guide__title,
.category-perex .seop-dg-guide .seop-dg-guide__title,
.content-inner .seop-dg-guide .seop-dg-guide__title,
.p-detail-inner .seop-dg-guide .seop-dg-guide__title {
  display: block;
  margin: 0 0 9px !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  color: #001435 !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  text-transform: none !important;
}

.seop-dg-guide .seop-dg-guide__title::after {
  content: "";
  display: block;
  width: 48px;
  height: 3px;
  margin-top: 11px;
  background: #D82951;
}

.seop-dg-guide .seop-dg-guide__perex,
.article-detail .seop-dg-guide .seop-dg-guide__perex,
.category-perex .seop-dg-guide .seop-dg-guide__perex,
.content-inner .seop-dg-guide .seop-dg-guide__perex,
.p-detail-inner .seop-dg-guide .seop-dg-guide__perex {
  display: block;
  margin: 0 0 18px !important;
  padding: 0 !important;
  background: none !important;
  color: #4a4f5a;
  font-size: inherit;
  line-height: 1.6;
}

/* Rychly prehled */
.seop-dg-guide__summaryblock {
  padding: 16px 0;
  border-top: 1px solid #F1C9D4;
  border-bottom: 1px solid #F1C9D4;
}

.seop-dg-guide .seop-dg-guide__label {
  display: block;
  margin: 0 0 10px !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  color: #D82951 !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: 1.3px;
  line-height: 1.3 !important;
  text-transform: uppercase;
}

/* Seznam s cervenou teckou */
.seop-dg-guide .seop-dg-guide-list,
.article-detail .seop-dg-guide .seop-dg-guide-list,
.category-perex .seop-dg-guide .seop-dg-guide-list,
.content-inner .seop-dg-guide .seop-dg-guide-list,
.p-detail-inner .seop-dg-guide .seop-dg-guide-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
}

.seop-dg-guide .seop-dg-guide-list li {
  position: relative;
  margin: 0 0 7px !important;
  padding: 0 0 0 18px !important;
  background: none !important;
  color: #1D1D1D;
  font-size: inherit;
  line-height: 1.6;
}

.seop-dg-guide .seop-dg-guide-list li:last-child {
  margin-bottom: 0 !important;
}

.seop-dg-guide .seop-dg-guide-list li::marker {
  content: none;
}

.seop-dg-guide .seop-dg-guide-list li::before {
  content: "";
  position: absolute;
  top: 0.62em;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #D82951;
}

/* Skryty prepinac */
.seop-dg-guide__state {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  opacity: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  pointer-events: none;
  -webkit-appearance: none;
  appearance: none;
}

/* Tlacitko Zobrazit */
.seop-dg-guide__summary,
.article-detail .seop-dg-guide__summary,
.category-perex .seop-dg-guide__summary,
.content-inner .seop-dg-guide__summary,
.p-detail-inner .seop-dg-guide__summary {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin: 18px 0 0;
  padding: 10px 42px 10px 16px;
  border: 1px solid #D82951;
  border-radius: 8px;
  background: #D82951;
  color: #FFFFFF !important;
  cursor: pointer;
  user-select: none;
  font-size: inherit;
  font-weight: 700;
  line-height: 1.3;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.seop-dg-guide__summary:hover {
  background: #001435;
  border-color: #001435;
}

.seop-dg-guide__summary::after {
  content: "" !important;
  position: absolute;
  top: 50%;
  right: 14px;
  width: 9px;
  height: 9px;
  margin-top: -7px;
  background: none !important;
  border: 0 !important;
  border-right: 2px solid #FFFFFF !important;
  border-bottom: 2px solid #FFFFFF !important;
  border-radius: 0 !important;
  transform: rotate(45deg) !important;
}

/* Neutralizace falesneho checkboxu sablony */
.seop-dg-guide__summary::before,
.seop-dg-guide__collapse::before {
  content: none;
  display: none;
}

.seop-dg-guide__state:focus-visible ~ .seop-dg-guide__summary {
  outline: 2px solid #D82951;
  outline-offset: 2px;
}

/* Sbaleny obsah */
.seop-dg-guide__content {
  display: none;
  margin: 0;
  padding: 0;
}

.seop-dg-guide__state:checked ~ .seop-dg-guide__content {
  display: block;
}

.seop-dg-guide__state:checked ~ .seop-dg-guide__summary {
  display: none;
}

/* Tlacitko Sbalit */
.seop-dg-guide__collapse,
.article-detail .seop-dg-guide__collapse,
.category-perex .seop-dg-guide__collapse,
.content-inner .seop-dg-guide__collapse,
.p-detail-inner .seop-dg-guide__collapse {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin: 18px 0 0;
  padding: 9px 16px;
  border: 1px solid #D82951;
  border-radius: 8px;
  background: #FFFFFF;
  color: #D82951;
  cursor: pointer;
  user-select: none;
  font-size: inherit;
  font-weight: 700;
  line-height: 1.3;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.seop-dg-guide__collapse:hover {
  background: #D82951;
  color: #FFFFFF;
}

.seop-dg-guide__collapse::after {
  content: "";
  order: -1;
  width: 8px;
  height: 8px;
  margin-top: 3px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-135deg);
}

/* Kroky */
.seop-dg-guide-step {
  display: block;
  margin: 0;
  padding: 18px 0 0;
}

.seop-dg-guide .seop-dg-guide-step__title,
.article-detail .seop-dg-guide .seop-dg-guide-step__title,
.category-perex .seop-dg-guide .seop-dg-guide-step__title,
.content-inner .seop-dg-guide .seop-dg-guide-step__title,
.p-detail-inner .seop-dg-guide .seop-dg-guide-step__title {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 10px !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  color: #001435 !important;
  font-size: inherit !important;
  font-weight: 700 !important;
  line-height: 1.45;
  text-transform: none !important;
}

.seop-dg-guide-step__badge {
  flex: 0 0 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin-top: 1px;
  border-radius: 999px;
  background: #D82951;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  font-variant-numeric: lining-nums;
  -webkit-font-feature-settings: "lnum" 1;
  font-feature-settings: "lnum" 1;
}

.seop-dg-guide .seop-dg-guide-step__text {
  display: block;
  margin: 0 0 12px !important;
  padding: 0 !important;
  background: none !important;
  color: #4a4f5a;
  font-size: inherit;
  line-height: 1.6;
}

.seop-dg-guide .seop-dg-guide-step__text:last-child {
  margin-bottom: 0 !important;
}

/* Tabulka */
.seop-dg-guide-table-wrap {
  width: 100%;
  margin: 0;
  overflow-x: auto;
  border: 1px solid #F3C7D2;
  border-radius: 10px;
  background: #FFFFFF;
}

.seop-dg-guide-table {
  width: 100%;
  min-width: 460px;
  border-collapse: collapse;
  border-spacing: 0;
  background: #FFFFFF;
  color: #1D1D1D;
  font-size: 14.5px;
  line-height: 1.5;
}

.seop-dg-guide-table th,
.seop-dg-guide-table td {
  padding: 10px 14px;
  border-bottom: 1px solid #F1C9D4;
  text-align: left;
  vertical-align: top;
  font-size: inherit;
  line-height: 1.5;
}

.seop-dg-guide-table th {
  background: #FBE9ED;
  color: #001435;
  font-weight: 700;
}

.seop-dg-guide-table tr:last-child td {
  border-bottom: 0;
}

/* Porovnani */
.seop-dg-guide-compare {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin: 0;
  padding: 0;
}

.seop-dg-guide-card {
  display: block;
  margin: 0;
  padding: 16px;
  border: 1px solid #F3C7D2;
  border-radius: 10px;
  background: #FFFFFF;
}

.seop-dg-guide-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0 0 12px;
}

.seop-dg-guide .seop-dg-guide-card__title {
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  color: #001435;
  font-size: inherit;
  font-weight: 700;
  line-height: 1.4;
}

.seop-dg-guide-card__pill {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 2px 10px;
  border-radius: 999px;
  background: #FBE9ED;
  color: #D82951;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

/* Seznamy vyhod a limitu */
.seop-dg-guide .seop-dg-guide-checklist,
.article-detail .seop-dg-guide .seop-dg-guide-checklist,
.category-perex .seop-dg-guide .seop-dg-guide-checklist,
.content-inner .seop-dg-guide .seop-dg-guide-checklist,
.p-detail-inner .seop-dg-guide .seop-dg-guide-checklist {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  font-size: 14.5px;
}

.seop-dg-guide .seop-dg-guide-checklist li {
  position: relative;
  margin: 0 0 7px !important;
  padding: 0 0 0 26px !important;
  background: none !important;
  color: #1D1D1D;
  line-height: 1.55;
}

.seop-dg-guide .seop-dg-guide-checklist li:last-child {
  margin-bottom: 0 !important;
}

.seop-dg-guide .seop-dg-guide-checklist li::marker {
  content: none;
}

.seop-dg-guide .seop-dg-guide-checklist--plus li::before {
  content: "\2714";
  position: absolute;
  top: 0;
  left: 0;
  color: #D82951;
  font-weight: 700;
  line-height: 1.55;
}

.seop-dg-guide .seop-dg-guide-checklist--minus li::before {
  content: "\2715";
  position: absolute;
  top: 0;
  left: 0;
  color: #9aa0a6;
  font-weight: 700;
  line-height: 1.55;
}

.seop-dg-guide .seop-dg-guide-checklist--plus + .seop-dg-guide-checklist--minus {
  margin-top: 9px !important;
}

/* Odkazy a tucne */
.seop-dg-guide strong {
  display: inline !important;
  font-size: inherit;
  line-height: inherit;
  font-weight: 700;
}

.seop-dg-guide a {
  color: #D82951;
  text-decoration: underline !important;
  text-underline-offset: 3px;
  font-weight: 700;
}

.seop-dg-guide a:hover {
  color: #001435;
}

@media (max-width: 768px) {
  .seop-dg-guide__intro {
    padding: 20px;
  }
  .seop-dg-guide-compare {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .seop-dg-guide {
    margin: 18px 0;
  }
  .seop-dg-guide__intro {
    padding: 16px;
    border-radius: 8px;
  }
  .seop-dg-guide .seop-dg-guide__title {
    font-size: 20px !important;
  }
  .seop-dg-guide__summary {
    width: 100%;
    justify-content: flex-start;
  }
  .seop-dg-guide-step {
    padding-top: 16px;
  }
  .seop-dg-guide-card {
    padding: 14px;
  }
  .seop-dg-guide-card__top {
    align-items: flex-start;
    flex-direction: column;
  }
}


/* =========================================================
   5. FAQ
   Sbalovaci otazky bez JavaScriptu, rozbaluje skryty
   checkbox. Otazky jsou v <p>, ne v nadpisech, aby FAQ
   nezasahovalo do struktury H2 a H3 v popisu kategorie.
   Pozor: id checkboxu musi byt na strance unikatni.
   ========================================================= */

.seop-dg-faq,
.article-detail .seop-dg-faq,
.category-perex .seop-dg-faq,
.content-inner .seop-dg-faq,
.p-detail-inner .seop-dg-faq {
  margin: 24px 0;
  font-family: inherit;
}

.seop-dg-faq * {
  box-sizing: border-box;
}

/* Nadpis s kratkou cervenou linkou */
.seop-dg-faq .seop-dg-faq__title,
.article-detail .seop-dg-faq .seop-dg-faq__title,
.category-perex .seop-dg-faq .seop-dg-faq__title,
.content-inner .seop-dg-faq .seop-dg-faq__title,
.p-detail-inner .seop-dg-faq .seop-dg-faq__title {
  display: block;
  margin: 0 0 6px !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  color: #001435 !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  text-transform: none !important;
}

.seop-dg-faq .seop-dg-faq__title::after {
  content: "";
  display: block;
  width: 48px;
  height: 3px;
  margin-top: 11px;
  background: #D82951;
}

.seop-dg-faq__list {
  margin-top: 18px;
}

.seop-dg-faq__item {
  border-bottom: 1px solid #F1C9D4;
}

.seop-dg-faq__item:first-child {
  border-top: 1px solid #F1C9D4;
}

/* Skryty prepinac */
.seop-dg-faq__state {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  opacity: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  pointer-events: none;
  -webkit-appearance: none;
  appearance: none;
}

/* Obal otazky, aby sablona neprebila velikost pisma */
.seop-dg-faq .seop-dg-faq__qhead,
.article-detail .seop-dg-faq .seop-dg-faq__qhead,
.category-perex .seop-dg-faq .seop-dg-faq__qhead,
.content-inner .seop-dg-faq .seop-dg-faq__qhead,
.p-detail-inner .seop-dg-faq .seop-dg-faq__qhead {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  text-transform: none !important;
}

/* Otazka */
.seop-dg-faq__q {
  position: relative;
  display: block;
  margin: 0;
  padding: 16px 34px 16px 0;
  cursor: pointer;
  user-select: none;
  color: #001435;
  font-weight: 700;
  line-height: 1.45;
  transition: color 0.15s ease;
}

.seop-dg-faq__q:hover {
  color: #D82951;
}

.seop-dg-faq__q::before {
  content: none;
  display: none;
}

.seop-dg-faq__q::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 4px;
  width: 8px;
  height: 8px;
  margin-top: -6px;
  border-right: 2px solid #D82951;
  border-bottom: 2px solid #D82951;
  transform: rotate(45deg);
  transition: transform 0.2s ease, margin-top 0.2s ease;
}

.seop-dg-faq__state:checked ~ .seop-dg-faq__qhead .seop-dg-faq__q {
  color: #D82951;
}

.seop-dg-faq__state:checked ~ .seop-dg-faq__qhead .seop-dg-faq__q::after {
  margin-top: -2px;
  transform: rotate(-135deg);
}

.seop-dg-faq__state:focus-visible ~ .seop-dg-faq__qhead .seop-dg-faq__q {
  outline: 2px solid #D82951;
  outline-offset: 2px;
  border-radius: 2px;
}

/* Odpoved */
.seop-dg-faq__a {
  display: none;
  margin: 0;
  padding: 0 34px 18px 0;
  color: #4a4f5a;
}

.seop-dg-faq__state:checked ~ .seop-dg-faq__a {
  display: block;
}

.seop-dg-faq .seop-dg-faq__a p,
.article-detail .seop-dg-faq .seop-dg-faq__a p,
.category-perex .seop-dg-faq .seop-dg-faq__a p,
.content-inner .seop-dg-faq .seop-dg-faq__a p,
.p-detail-inner .seop-dg-faq .seop-dg-faq__a p {
  margin: 0 !important;
  padding: 0 !important;
}

.seop-dg-faq .seop-dg-faq__a p + p {
  margin-top: 10px !important;
}

.seop-dg-faq .seop-dg-faq__a strong {
  display: inline;
  font-weight: 700;
  font-size: inherit;
  line-height: inherit;
}

.seop-dg-faq .seop-dg-faq__a a {
  color: #D82951;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.seop-dg-faq .seop-dg-faq__a a:hover {
  color: #001435;
}

@media (max-width: 480px) {
  .seop-dg-faq .seop-dg-faq__title {
    font-size: 20px !important;
  }
  .seop-dg-faq__q {
    padding: 14px 30px 14px 0;
  }
  .seop-dg-faq__a {
    padding: 0 0 16px 0;
  }
}


/* =========================================================
   6. MINI BUTTONY, rozcestnik na souvisejici kategorie
   Pilulkove odkazy, sirka podle delky nazvu, radek se
   zalamuje sam. Sipka je z ramecku, barvi se s textem.
   Pouziva se na konci popisu kategorie nebo clanku.
   ========================================================= */

.seop-dg-btns,
.article-detail .seop-dg-btns,
.category-perex .seop-dg-btns,
.content-inner .seop-dg-btns,
.p-detail-inner .seop-dg-btns {
  margin: 24px 0;
  font-family: inherit;
}

.seop-dg-btns * {
  box-sizing: border-box;
}

/* Nadpis s kratkou cervenou linkou */
.seop-dg-btns .seop-dg-btns__title,
.article-detail .seop-dg-btns .seop-dg-btns__title,
.category-perex .seop-dg-btns .seop-dg-btns__title,
.content-inner .seop-dg-btns .seop-dg-btns__title,
.p-detail-inner .seop-dg-btns .seop-dg-btns__title {
  display: block;
  margin: 0 0 6px !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  color: #001435 !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  text-transform: none !important;
}

.seop-dg-btns .seop-dg-btns__title::after {
  content: "";
  display: block;
  width: 48px;
  height: 3px;
  margin-top: 11px;
  background: #D82951;
}

/* Vetsi mezera, kdyz rozcestnik navazuje na FAQ */
.seop-dg-faq + .seop-dg-btns {
  margin-top: 36px;
}

.seop-dg-btns__row {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.seop-dg-btn,
.article-detail .seop-dg-btn,
.category-perex .seop-dg-btn,
.content-inner .seop-dg-btn,
.p-detail-inner .seop-dg-btn {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  max-width: 100%;
  padding: 9px 15px;
  border: 1px solid #e3e6ec;
  border-radius: 10px;
  background: #F6F6F6;
  color: #001435 !important;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none !important;
  overflow-wrap: anywhere;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.seop-dg-btn::after {
  content: "";
  flex: 0 0 auto;
  width: 7px;
  height: 7px;
  margin-left: 1px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
  transition: transform 0.2s ease;
}

.seop-dg-btn::before {
  content: none;
  display: none;
}

.seop-dg-btn:hover {
  background: #FBE9ED;
  border-color: #F3C7D2;
  color: #D82951 !important;
}

.seop-dg-btn:hover::after {
  transform: rotate(-45deg) translate(2px, 2px);
}

.seop-dg-btn:focus-visible {
  outline: 2px solid #D82951;
  outline-offset: 2px;
}

/* Varianta pro clanky, kde ma rozcestnik vic zaujmout */
.seop-dg-btn--soft {
  background: #FBE9ED;
  border-color: #F3C7D2;
  color: #D82951 !important;
}

.seop-dg-btn--soft:hover {
  background: #D82951;
  border-color: #D82951;
  color: #FFFFFF !important;
}

@media (max-width: 480px) {
  .seop-dg-btns .seop-dg-btns__title {
    font-size: 20px !important;
  }
  .seop-dg-btns__row {
    gap: 8px;
  }
  .seop-dg-btn {
    font-size: 13px;
  }
}