:root {
  --mtvp-green: #0f3f36;
  --mtvp-green-dark: #082b25;
  --mtvp-yellow: #f3c84f;
  --mtvp-cream: #f4f0e6;
}

/* Replace every temporary image placeholder with a finished visual panel */
[class*="photo-placeholder"].mtvp-panel,
.mtvp-panel {
  position: relative !important;
  overflow: hidden !important;
  min-height: 245px !important;
  border: 0 !important;
  border-radius: 22px !important;
  box-shadow: 0 18px 38px rgba(8, 43, 37, .22) !important;
  background-size: cover !important;
  background-position: center !important;
  isolation: isolate !important;
}

.mtvp-panel::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(circle at 20% 10%, rgba(243, 200, 79, .34), transparent 28%),
    linear-gradient(135deg, rgba(8,43,37,.92), rgba(15,63,54,.62) 45%, rgba(8,43,37,.86)) !important;
  z-index: 1 !important;
}

.mtvp-panel::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-repeat: no-repeat !important;
  background-position: center right 8% !important;
  background-size: min(58%, 420px) auto !important;
  opacity: .86 !important;
  z-index: 2 !important;
}

.mtvp-panel [class*="photo-inner"] {
  position: relative !important;
  z-index: 3 !important;
  max-width: 420px !important;
  margin-right: auto !important;
  text-align: left !important;
  padding: 4px !important;
}

.mtvp-badge {
  display: inline-flex !important;
  align-items: center !important;
  background: var(--mtvp-yellow) !important;
  color: #11342e !important;
  border-radius: 999px !important;
  padding: 7px 12px !important;
  font-size: .74rem !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  margin-bottom: 12px !important;
}

.mtvp-title {
  color: #fff !important;
  font-size: clamp(1.45rem, 4vw, 2.35rem) !important;
  line-height: 1.05 !important;
  letter-spacing: -.05em !important;
  font-weight: 900 !important;
  text-shadow: 0 2px 18px rgba(0,0,0,.28) !important;
}

.mtvp-line {
  width: 70px !important;
  height: 5px !important;
  background: var(--mtvp-yellow) !important;
  border-radius: 999px !important;
  margin-top: 16px !important;
}

/* Inline SVG illustration backgrounds */
.mtvp-property-check::after {
  background-image: url("data:image/svg+xml,%3Csvg width='520' height='360' viewBox='0 0 520 360' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='138' y='137' width='230' height='150' rx='10' fill='%23F4F0E6'/%3E%3Cpath d='M115 148L253 46L392 148H115Z' fill='%23F3C84F'/%3E%3Crect x='177' y='180' width='54' height='107' rx='6' fill='%23082B25'/%3E%3Crect x='261' y='176' width='66' height='52' rx='8' fill='%230F3F36'/%3E%3Cpath d='M375 281L438 344' stroke='%23F3C84F' stroke-width='24' stroke-linecap='round'/%3E%3Ccircle cx='329' cy='235' r='70' stroke='%23F3C84F' stroke-width='24'/%3E%3C/svg%3E") !important;
}

.mtvp-damp-mould::after {
  background-image: url("data:image/svg+xml,%3Csvg width='520' height='360' viewBox='0 0 520 360' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='102' y='68' width='292' height='230' rx='18' fill='%23F4F0E6'/%3E%3Cpath d='M151 120C151 120 172 158 172 180C172 199 158 213 141 213C124 213 110 199 110 180C110 158 151 120 151 120Z' fill='%230F3F36'/%3E%3Cpath d='M244 96C244 96 283 159 283 197C283 229 261 253 233 253C205 253 183 229 183 197C183 159 244 96 244 96Z' fill='%23082B25'/%3E%3Ccircle cx='332' cy='132' r='26' fill='%230F3F36'/%3E%3Ccircle cx='366' cy='185' r='34' fill='%23082B25'/%3E%3Ccircle cx='314' cy='228' r='24' fill='%230F3F36'/%3E%3Cpath d='M91 300H414' stroke='%23F3C84F' stroke-width='22' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

.mtvp-ventilation::after {
  background-image: url("data:image/svg+xml,%3Csvg width='520' height='360' viewBox='0 0 520 360' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='290' cy='181' r='104' fill='%23F4F0E6'/%3E%3Ccircle cx='290' cy='181' r='74' fill='%230F3F36'/%3E%3Ccircle cx='290' cy='181' r='22' fill='%23F3C84F'/%3E%3Cpath d='M291 106C340 113 352 158 313 170C281 180 290 106 291 106Z' fill='%23F4F0E6'/%3E%3Cpath d='M365 190C348 237 301 239 304 198C306 164 365 190 365 190Z' fill='%23F4F0E6'/%3E%3Cpath d='M232 222C198 186 219 144 251 170C277 191 232 222 232 222Z' fill='%23F4F0E6'/%3E%3Cpath d='M80 121C127 87 169 88 211 119' stroke='%23F3C84F' stroke-width='18' stroke-linecap='round'/%3E%3Cpath d='M89 207C142 183 177 190 214 226' stroke='%23F3C84F' stroke-width='18' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

.mtvp-maintenance::after {
  background-image: url("data:image/svg+xml,%3Csvg width='520' height='360' viewBox='0 0 520 360' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M156 277L332 101' stroke='%23F3C84F' stroke-width='34' stroke-linecap='round'/%3E%3Cpath d='M302 70L371 139' stroke='%23F4F0E6' stroke-width='34' stroke-linecap='round'/%3E%3Cpath d='M114 240L196 322' stroke='%23F4F0E6' stroke-width='34' stroke-linecap='round'/%3E%3Crect x='279' y='190' width='132' height='74' rx='14' fill='%23F4F0E6'/%3E%3Cpath d='M309 190V162H382V190' stroke='%23F4F0E6' stroke-width='18'/%3E%3Cpath d='M305 226H385' stroke='%230F3F36' stroke-width='16' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

.mtvp-repairs::after {
  background-image: url("data:image/svg+xml,%3Csvg width='520' height='360' viewBox='0 0 520 360' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='114' y='80' width='258' height='216' rx='14' fill='%23F4F0E6'/%3E%3Cpath d='M114 145H372' stroke='%23082B25' stroke-width='18'/%3E%3Cpath d='M183 80V296' stroke='%23082B25' stroke-width='18'/%3E%3Cpath d='M275 80V296' stroke='%23082B25' stroke-width='18'/%3E%3Cpath d='M82 305H410' stroke='%23F3C84F' stroke-width='22' stroke-linecap='round'/%3E%3Cpath d='M386 112L444 54' stroke='%23F3C84F' stroke-width='20' stroke-linecap='round'/%3E%3Cpath d='M417 53L448 84' stroke='%23F3C84F' stroke-width='20' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

.mtvp-areas::after {
  background-image: url("data:image/svg+xml,%3Csvg width='520' height='360' viewBox='0 0 520 360' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M260 323C260 323 378 212 378 126C378 61 326 26 260 26C194 26 142 61 142 126C142 212 260 323 260 323Z' fill='%23F3C84F'/%3E%3Ccircle cx='260' cy='128' r='52' fill='%230F3F36'/%3E%3Cpath d='M171 266C116 278 82 299 82 323C82 352 162 376 260 376C358 376 438 352 438 323C438 299 404 278 349 266' stroke='%23F4F0E6' stroke-width='22' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

/* Keep layout alive and stop placeholders looking like admin notes */
[class*="photo-placeholder"] [class*="photo-label"],
[class*="photo-placeholder"] h4,
[class*="photo-placeholder"] p:not(.mtvp-card-label) {
  text-shadow: none !important;
}

@media (max-width: 800px) {
  [class*="photo-placeholder"].mtvp-panel,
  .mtvp-panel {
    min-height: 220px !important;
  }

  .mtvp-panel::after {
    background-size: min(72%, 300px) auto !important;
    background-position: center right -8% !important;
    opacity: .5 !important;
  }

  .mtvp-title {
    font-size: clamp(1.35rem, 8vw, 2rem) !important;
  }
}