/* ==========================================================================
   SEKCE INTERIÉR A KOMFORTNÍ PRVKY (Sjednoceno do luxusního GRIDU s hvězdičkami)
   ========================================================================== */

/* 1. HLAVNÍ LAYOUT A SEZNAMY */
.interior-section .jc-acc-panel { 
  padding-top: 0; 
}

.interior-section .body-checklist,
.interior-section .body-note-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
}

/* 2. PEVNÉ ŘÁDKY (Checklist s hvězdičkami) */
.interior-section .body-check-item {
  display: grid !important;
  align-items: start !important; /* Vše visí nahoře */
  /* 4 sloupce: Stav | Label/Hvězdy | Poznámka | Soubor */
  grid-template-columns: 40px 320px minmax(0, 1fr) 220px !important;
  
  /* Rozdělili jsme druhý sloupec na dva řádky pro nadpis a pod něj hvězdičky */
  grid-template-areas: 
    "state label note file"
    "state stars note file" !important;
  
  gap: 16px !important;
  padding: 20px 16px !important; 
  min-height: 80px !important; 
  margin-bottom: 12px !important;
  border-radius: 12px !important;
  border: 2px solid #f0f0f2 !important;
  background-color: #3a3a47 !important;
}

.interior-section .body-check-item .jc-state { 
  grid-area: state !important; 
  justify-self: center !important; 
  margin-top: 6px !important; /* Srovnání kolečka s textem vpravo */
}

.interior-section .body-check-item .body-note { 
  grid-area: note !important; 
}

.interior-section .body-check-item .body-file { 
  grid-area: file !important; 
  width: 220px !important; 
}

.interior-section .body-check-item .body-item-label {
  grid-area: label !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  align-self: start !important; 
  padding-top: 6px !important; /* Srovnání nadpisu s kolečkem */
}

.interior-section .body-check-item .jc-rating {
  grid-area: stars !important;
  align-self: start !important; 
  justify-content: flex-start !important;
  display: flex !important;
  gap: 2px !important;
  margin: 4px 0 0 0 !important; /* Malý odstup od nadpisu */
}

/* 3. STAVOVÉ KOLEČKO (Obrana proti vajíčku) */
.interior-section .jc-state {
  width: 36px !important; 
  height: 36px !important; 
  min-width: 36px !important; 
  min-height: 36px !important;
  flex-shrink: 0 !important; 
  border-radius: 50% !important; 
  border: 2px solid #f0f0f2 !important;
  background-color: #3a3a47 !important; 
  cursor: pointer !important; 
  display: grid !important;
  place-items: center !important; 
  transition: transform 0.1s ease !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.3) !important; 
  margin: 0 !important; 
  padding: 0 !important;
  box-sizing: border-box !important; 
  font-size: 0 !important;
}

.interior-section .jc-state:active { 
  transform: scale(0.9) !important; 
}

.interior-section .jc-state::before { 
  content: '•' !important; 
  color: #ffffff !important; 
  font-size: 18px !important; 
  font-weight: bold !important; 
}

.interior-section .jc-state[data-state="ok"] { 
  background-color: rgba(16, 185, 129, 0.15) !important; 
  border-color: rgba(16, 185, 129, 0.5) !important; 
}

.interior-section .jc-state[data-state="ok"]::before { 
  content: '✔' !important; 
}

.interior-section .jc-state[data-state="bad"], 
.interior-section .jc-state[data-state="warn"] { 
  background-color: rgba(239, 68, 68, 0.15) !important; 
  border-color: rgba(239, 68, 68, 0.5) !important; 
}

.interior-section .jc-state[data-state="bad"]::before, 
.interior-section .jc-state[data-state="warn"]::before { 
  content: '!' !important; 
}

/* 4. HVĚZDIČKY VZHLED */
.interior-section .jc-rating button {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  cursor: pointer !important;
  font-size: 24px !important;
  line-height: 1 !important;
  outline: none !important;
}
.interior-section .jc-rating .star {
  font-size: 26px !important;
  color: #d0d0d0 !important;
  line-height: 1 !important;
  transition: transform 0.1s ease, color 0.2s ease !important;
  display: block !important;
}
.interior-section .jc-rating button:hover .star {
  transform: scale(1.2) !important;
}
.interior-section .jc-rating .star.active {
  color: #f59e0b !important;
  text-shadow: 0 0 5px rgb(245 158 11 / 7%) !important;
}

/* 5. POZNÁMKY (Statické i dynamické políčko) */
.interior-section .body-note,
.interior-section .note-text {
  display: block !important; 
  width: 100% !important; 
  min-width: 100% !important; 
  max-width: none !important;
  border-radius: 10px !important; 
  border: 2px solid #777 !important; 
  background-color: #1e1e24 !important;
  padding: 10px 12px !important; 
  height: 48px !important; 
  color: #fff !important; 
  box-sizing: border-box !important;
  font-size: 15px !important; 
  margin: 0 !important;
}

.interior-section .body-note::placeholder, 
.interior-section .note-text::placeholder { 
  color: rgba(255,255,255,.55) !important; 
}

/* 6. INPUT SOUBORU */
.interior-section .body-file,
.interior-section .note-file {
  display: flex !important; 
  flex-direction: column !important; 
  gap: 6px !important; 
  position: relative !important; 
  margin: 0 !important; 
  width: 220px !important;
}

.interior-section .body-file input[type="file"], 
.interior-section .note-file input[type="file"] { 
  width: 100% !important; 
  margin: 0 !important; 
  font-size: 13px !important; 
  color: #dddddd !important; 
  cursor: pointer !important; 
}

/* 7. DYNAMICKÉ ŘÁDKY (Přidané poznámky bez hvězd) */
.interior-section .body-extra { 
  margin-top: 16px; 
}

.interior-section .body-note-item {
  display: grid !important; 
  align-items: start !important; 
  /* 4 sloupce (bez labelu a hvězd): Stav | Poznámka | Soubor | Křížek */
  grid-template-columns: 40px minmax(0, 1fr) 220px 40px !important;
  grid-template-areas: "state note file remove" !important;
  gap: 16px !important; 
  padding: 20px 16px !important; 
  min-height: 80px !important; 
  margin-bottom: 12px !important;
  border-radius: 12px !important; 
  border: 2px solid #f0f0f2 !important; 
  background-color: #3a3a47 !important;
}

.interior-section .body-note-item .jc-state { 
  grid-area: state !important; 
  justify-self: center !important; 
  margin-top: 6px !important; 
}

.interior-section .body-note-item .note-text { 
  grid-area: note !important; 
}

.interior-section .body-note-item .note-file { 
  grid-area: file !important; 
}

.interior-section .body-note-item .note-remove {
  grid-area: remove !important; 
  align-self: end !important; /* Sjíždí úplně dolů */
  background: transparent !important; 
  border: none !important; 
  color: #ef4444 !important;
  font-size: 24px !important; 
  font-weight: bold !important; 
  cursor: pointer !important; 
  justify-self: center !important; 
  padding: 0 !important;
  margin-bottom: 8px !important;
}

.interior-section .body-note-item .note-remove:hover { 
  color: #ff6b6b !important; 
}

/* 8. TLAČÍTKO + PŘIDAT POZNÁMKU */
.interior-section .interior-add-note-btn {
  display: block !important; 
  width: 200px !important; 
  max-width: 100% !important;
  padding: 12px 20px !important; 
  margin: 20px auto !important;
  background-color: #a73014 !important; 
  border: 2px solid #f0f0f2 !important; 
  border-radius: 25px !important;
  color: #ffffff !important; 
  font-weight: bold !important; 
  cursor: pointer !important; 
  text-align: center !important;
}

/* 9. TVRDÝ ZÁMEK VELIKOSTI (Náhledy fotek) */
.interior-section .body-preview,
.interior-section .note-preview {
  width: 220px !important; 
  max-width: 220px !important; 
  margin-top: 6px !important; 
  display: block !important;
}

.interior-section .ph,
.interior-section .body-preview > div {
  position: relative !important;
  width: 220px !important; 
  min-width: 220px !important; 
  max-width: 220px !important;
  height: 160px !important; 
  min-height: 160px !important; 
  max-height: 160px !important;
  border-radius: 10px !important; 
  overflow: hidden !important; 
  border: 1px solid rgba(255,255,255,.18) !important;
  background: rgba(255,255,255,.04) !important; 
  display: block !important; 
  margin: 0 !important; 
  box-sizing: border-box !important;
}

.interior-section .ph img,
.interior-section .body-preview > div img {
  width: 100% !important; 
  max-width: 100% !important; 
  height: 100% !important; 
  max-height: 100% !important;
  object-fit: cover !important; 
  display: block !important; 
  cursor: zoom-in !important; 
  transition: transform 0.3s ease !important;
}

.interior-section .ph:hover img,
.interior-section .body-preview > div:hover img { 
  transform: scale(1.05) !important; 
}

/* Tlačítko křížku přímo na fotce */
.interior-section .ph .photo-remove,
.interior-section .body-preview > div .photo-remove {
  position: absolute !important; 
  top: 6px !important; 
  right: 6px !important; 
  border: none !important; 
  border-radius: 8px !important;
  padding: 6px 8px !important; 
  background: rgba(0, 0, 0, 0.55) !important; 
  color: #fff !important; 
  font-size: 14px !important;
  z-index: 10 !important; 
  line-height: 1 !important; 
  cursor: pointer !important;
}

.interior-section .ph .photo-remove:hover,
.interior-section .body-preview > div .photo-remove:hover { 
  background: rgba(220, 38, 38, 1) !important; 
}

/* =========================================================
   MOBILNÍ ZOBRAZENÍ
   ========================================================= */
@media (max-width: 900px) {
  .interior-section .body-check-item {
    grid-template-areas: 
      "state label" 
      "state stars"
      "state note" 
      "state file" !important;
    grid-template-columns: 40px 1fr !important; 
    row-gap: 8px !important; 
    min-height: auto !important; 
    padding: 16px !important;
  }
  
  .interior-section .body-note-item {
    grid-template-areas: 
      "state remove" 
      "note note" 
      "file file" !important;
    grid-template-columns: 40px 1fr !important; 
    row-gap: 8px !important; 
    min-height: auto !important; 
    padding: 16px !important;
  }
  
  .interior-section .body-file,
  .interior-section .note-file,
  .interior-section .body-preview,
  .interior-section .note-preview,
  .interior-section .body-note-item > div {
    width: 100% !important; 
    max-width: 100% !important;
  }

  /* Na mobilu fotka nesmí být guma! */
  .interior-section .ph,
  .interior-section .body-preview > div {
    width: 220px !important; 
    height: 160px !important; 
    max-width: 100% !important;
  }
  
  /* Vrácení křížku hezky nahoru vedle kolečka v mobilní verzi */
  .interior-section .body-note-item .note-remove {
    align-self: start !important;
    justify-self: end !important;
    margin-top: 4px !important;
    margin-bottom: 0 !important;
  }

}

/* ========================================================================== 
   TVRDÝ ZÁMEK POZIC (Přebije test-drive-info.css i staré zbytky)
   ========================================================================== */

/* Zámek pro kolečka (MUST HAVE jméno 'state') */
body #sekce-dokumenty .jc-item .jc-state,
body #sekce-dokumenty .td-note-item .jc-state,
body #sekce-karoserie .body-check-item .jc-state,
body #sekce-karoserie .body-note-item .jc-state {
    grid-area: state !important;
    align-self: start !important;
    justify-self: center !important;
    margin-top: 6px !important;
}

/* Zámek pro křížek na počítači (MUST HAVE jméno 'remove' a sjet dolů) */
body #sekce-dokumenty .td-note-item .note-remove,
body #sekce-karoserie .body-note-item .note-remove {
    grid-area: remove !important;
    align-self: end !important;
    justify-self: center !important;
    margin-bottom: 8px !important;
}

/* Zámek pro křížek na MOBILU (Vrátit nahoru) */
@media (max-width: 900px) {
    body #sekce-dokumenty .td-note-item .note-remove,
    body #sekce-karoserie .body-note-item .note-remove {
        align-self: start !important;
        justify-self: end !important;
        margin-top: 4px !important;
        margin-bottom: 0 !important;
    }
}

/* ========================================================================== 
   INTERIÉR – SJEDNOCENÝ ČTYŘSTAVOVÝ CHECKLIST S HODNOCENÍM
   ========================================================================== */
#sekce-interier .body-checklist,
#sekce-interier .interior-note-list {
  gap: 8px !important;
}

#sekce-interier .body-check-item {
  grid-template-columns: minmax(180px,260px) 152px minmax(240px,1fr) 56px !important;
  grid-template-areas: "label state note file" !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 64px !important;
  padding: 10px 14px !important;
  margin: 0 !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 12px !important;
  background: #343441 !important;
}

#sekce-interier .body-check-item.has-photo {
  grid-template-columns: minmax(180px,260px) 152px minmax(240px,1fr) 150px !important;
  min-height: 118px !important;
}

#sekce-interier .body-item-label {
  grid-area: label !important;
  align-self: center !important;
  padding: 0 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

#sekce-interier .jc-rating {
  grid-area: stars !important;
  align-self: start !important;
  display: flex !important;
  gap: 1px !important;
  margin: 2px 0 0 !important;
}

#sekce-interier .jc-rating button {
  width: 21px !important;
  height: 24px !important;
  min-width: 21px !important;
  padding: 0 !important;
}

#sekce-interier .jc-rating .star {
  font-size: 21px !important;
}

#sekce-interier .jc-state {
  grid-area: state !important;
  align-self: center !important;
  justify-self: stretch !important;
  width: 152px !important;
  min-width: 152px !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  border-radius: 10px !important;
  background: #282832 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  box-shadow: none !important;
  color: #c7ccd5 !important;
  font-size: 12px !important;
}

#sekce-interier .jc-state::before {
  content: '' !important;
  width: 8px !important;
  height: 8px !important;
  flex: 0 0 8px !important;
  border-radius: 50% !important;
  background: #8f96a3 !important;
  box-shadow: none !important;
}

#sekce-interier .jc-state::after {
  content: 'Nezkontrolováno' !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

#sekce-interier .jc-state[data-state="ok"] { color:#8be0bb !important; border-color:rgba(16,185,129,.42) !important; background:rgba(16,185,129,.11) !important; }
#sekce-interier .jc-state[data-state="ok"]::before { background:#32c98a !important; box-shadow:0 0 0 3px rgba(50,201,138,.13) !important; }
#sekce-interier .jc-state[data-state="ok"]::after { content:'V pořádku' !important; }
#sekce-interier .jc-state[data-state="warn"] { color:#f5ca72 !important; border-color:rgba(245,158,11,.48) !important; background:rgba(245,158,11,.11) !important; }
#sekce-interier .jc-state[data-state="warn"]::before { background:#f2ad32 !important; box-shadow:0 0 0 3px rgba(245,158,11,.14) !important; }
#sekce-interier .jc-state[data-state="warn"]::after { content:'S výhradou' !important; }
#sekce-interier .jc-state[data-state="bad"] { color:#ffaaa6 !important; border-color:rgba(239,68,68,.45) !important; background:rgba(239,68,68,.11) !important; }
#sekce-interier .jc-state[data-state="bad"]::before { background:#ef5b57 !important; box-shadow:0 0 0 3px rgba(239,68,68,.13) !important; }
#sekce-interier .jc-state[data-state="bad"]::after { content:'Závada' !important; }

#sekce-interier .body-note,
#sekce-interier .note-text {
  grid-area: note !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 40px !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(255,255,255,.2) !important;
  border-radius: 10px !important;
  background: #222229 !important;
  color: #fff !important;
  font-size: 13px !important;
  box-sizing: border-box !important;
}

#sekce-interier .body-note:focus,
#sekce-interier .note-text:focus {
  border-color:#4591d5 !important;
  outline:2px solid rgba(69,145,213,.14) !important;
}

#sekce-interier .body-file,
#sekce-interier .note-file {
  grid-area: file !important;
  position: relative !important;
  width: 56px !important;
  min-width: 56px !important;
  max-width: 56px !important;
  height: 54px !important;
  min-height: 54px !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 !important;
}

#sekce-interier .body-file:not(.has-preview)::after,
#sekce-interier .note-file:not(.has-preview)::after {
  content:'▧';
  position:absolute;
  inset:0;
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  box-sizing:border-box;
  border:1px solid rgba(255,255,255,.22);
  border-radius:11px;
  background:#292933;
  color:#c7d0dc;
  font-size:16px;
  pointer-events:none;
  z-index:3;
  transition:border-color .18s ease, background-color .18s ease, color .18s ease;
}

#sekce-interier .body-file:not(.has-preview):hover::after,
#sekce-interier .note-file:not(.has-preview):hover::after {
  border-color:#4591d5 !important;
  background:#303846 !important;
  color:#fff !important;
}

#sekce-interier .body-file:not(.has-preview) > input[type="file"],
#sekce-interier .note-file:not(.has-preview) > input[type="file"] {
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:54px !important;
  min-width:54px !important;
  max-width:54px !important;
  height:54px !important;
  min-height:54px !important;
  max-height:54px !important;
  margin:0 !important;
  padding:0 !important;
  opacity:0 !important;
  cursor:pointer !important;
  z-index:4 !important;
}

#sekce-interier .has-preview > input[type="file"] { display:none !important; }

#sekce-interier .body-note-item {
  display:grid !important;
  grid-template-columns:152px minmax(240px,1fr) 56px 42px !important;
  grid-template-areas:"state note file remove" !important;
  align-items:center !important;
  gap:14px !important;
  min-height:132px !important;
  padding:20px 18px !important;
  margin:0 0 8px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:12px !important;
  background:#343441 !important;
}

#sekce-interier .body-note-item.has-photo { grid-template-columns:152px minmax(240px,1fr) 150px 42px !important; }

#sekce-interier .note-remove {
  grid-area:remove !important;
  align-self:center !important;
  justify-self:center !important;
  display:grid !important;
  place-items:center !important;
  width:42px !important;
  min-width:42px !important;
  height:44px !important;
  min-height:44px !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid rgba(239,68,68,.42) !important;
  border-radius:10px !important;
  background:rgba(239,68,68,.09) !important;
  color:#ff7771 !important;
  font-size:20px !important;
}

#sekce-interier .interior-add-note-btn {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:210px !important;
  margin:12px 0 0 !important;
  padding:11px 16px !important;
  border:1px solid #4591d5 !important;
  border-radius:10px !important;
  background:rgba(69,145,213,.13) !important;
  color:#e2f1ff !important;
  font-size:12px !important;
  font-weight:750 !important;
}

#sekce-interier .body-file.has-preview,
#sekce-interier .note-file.has-preview {
  width:150px !important;
  min-width:150px !important;
  max-width:150px !important;
  height:96px !important;
}

#sekce-interier .has-preview > .body-preview,
#sekce-interier .has-preview > .note-preview,
#sekce-interier .has-preview .ph,
#sekce-interier .has-preview .photo-thumb,
#sekce-interier .has-preview img {
  width:150px !important;
  min-width:150px !important;
  max-width:150px !important;
  height:96px !important;
  min-height:96px !important;
  max-height:96px !important;
  margin:0 !important;
  object-fit:cover !important;
  border-radius:10px !important;
}

@media (max-width:760px) {
  #sekce-interier .body-check-item,
  #sekce-interier .body-check-item.has-photo {
    grid-template-columns:minmax(0,1fr) var(--interior-mobile-photo,56px) !important;
    grid-template-areas:"label file" "state state" "note note" !important;
    min-height:auto !important;
    padding:13px !important;
    gap:8px 12px !important;
  }
  #sekce-interier .body-check-item.has-photo { --interior-mobile-photo:150px; }
  #sekce-interier .jc-state { width:100% !important; min-width:0 !important; }

  #sekce-interier .body-note-item,
  #sekce-interier .body-note-item.has-photo {
    grid-template-columns:minmax(0,1fr) var(--interior-extra-photo,56px) 42px !important;
    grid-template-areas:"state file remove" "note note note" !important;
    min-height:auto !important;
    padding:13px !important;
    gap:9px 12px !important;
  }
  #sekce-interier .body-note-item.has-photo { --interior-extra-photo:150px; }
}

#sekce-interier .jc-state[data-state="ok"]::before { content:'✓' !important; width:14px !important; background:transparent !important; box-shadow:none !important; color:#34d399 !important; font-size:17px !important; }
#sekce-interier .jc-state[data-state="warn"]::before { content:'!' !important; width:14px !important; background:transparent !important; box-shadow:none !important; color:#fbbf24 !important; font-size:16px !important; }
#sekce-interier .jc-state[data-state="bad"]::before { content:'×' !important; width:14px !important; background:transparent !important; box-shadow:none !important; color:#fb7185 !important; font-size:20px !important; }

/* Sjednocená osa ikon ve stavových tlačítkách Interiéru. */
#sekce-interier .body-check-item .jc-state,
#sekce-interier .body-note-item .jc-state {
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  align-items: center !important;
  justify-content: start !important;
  justify-items: start !important;
  column-gap: 8px !important;
  width: 100% !important;
  min-width: 150px !important;
  height: 50px !important;
  min-height: 50px !important;
  padding: 0 16px !important;
  line-height: 1 !important;
  text-align: left !important;
}

#sekce-interier .body-check-item .jc-state::before,
#sekce-interier .body-note-item .jc-state::before {
  grid-column: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: center !important;
  align-self: center !important;
  width: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 18px !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 900 !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

#sekce-interier .body-check-item .jc-state::after,
#sekce-interier .body-note-item .jc-state::after {
  grid-column: 2 !important;
  display: block !important;
  align-self: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

#sekce-interier .body-check-item .jc-state[data-state="none"]::before,
#sekce-interier .body-note-item .jc-state[data-state="none"]::before {
  content: "" !important;
  width: 10px !important;
  min-width: 10px !important;
  max-width: 10px !important;
  height: 10px !important;
  min-height: 10px !important;
  max-height: 10px !important;
  border-radius: 50% !important;
  background: #929aa8 !important;
  border: 0 !important;
  box-shadow: none !important;
}

#sekce-interier .body-check-item .jc-state[data-state="ok"]::before,
#sekce-interier .body-note-item .jc-state[data-state="ok"]::before {
  content: "\2713" !important;
  color: #34d399 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 20px !important;
}

#sekce-interier .body-check-item .jc-state[data-state="warn"]::before,
#sekce-interier .body-note-item .jc-state[data-state="warn"]::before {
  content: "!" !important;
  color: #fbbf24 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 16px !important;
}

#sekce-interier .body-check-item .jc-state[data-state="bad"]::before,
#sekce-interier .body-note-item .jc-state[data-state="bad"]::before {
  content: "\00d7" !important;
  color: #fb7185 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 22px !important;
}